style.css

body{
    background: url('bg\ \(1\).jpg') no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
#camera{
    width: 400px;
    height: 100px;
    background-color: #0005;
}
.button-div{
    margin-left: 42%;
    margin-top: 21%;
}
.camera-div{
    margin-left: 36%;
    margin-top: 15%; 
}
#btn{
    border-radius: 7px;
    width: 190px;
    height: 50px;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-style: unset;
    text-shadow: black;
    background-color:#0001;
    border: 2px solid black;
    transition: all 1.5s ease;
}
#btn:hover{
    border-radius: 7px;
    width: 190px;
    height: 50px;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-style: unset;
    text-shadow: black;
    background-color:black;
    color: white;
    border: 2px solid white;
    animation: shake 0.5s;
    transition: all 1.5s ease;
    
}
.spinner{
    margin-left: 40%;
    margin-top: 18%;  
} 
@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }
  #about_us{
      cursor: pointer;
  }
  #goto-top{
      position: relative;
      border-radius: 75%;
      width: 45px;
      background-color: #0001;
      margin-left: 95%;
      margin-top: 20%;
      position:fixed;
  }
  #goto-top:hover{
    position: relative;
    border-radius: 75%;
    width: 45px;
    background-color:black;
    margin-left: 95%;
    margin-top: 20%;
    position:fixed;
    color:white
}