html,#root{
    width: 100% !important;
    height:100%
}
body::-webkit-scrollbar {
    width:1px !important; 
    background-color: #f5f5f5 !important
}
body::-webkit-scrollbar-thumb {
    background-color: #4b4c5d  !important  
}
#root::-webkit-scrollbar {
    width:1px !important; 
    background-color: #f5f5f5 !important
}
#root::-webkit-scrollbar-thumb {
    background-color: #4b4c5d  !important  
}
html::-webkit-scrollbar {
    width:1px !important; 
    background-color: #f5f5f5 !important
}
html::-webkit-scrollbar-thumb {
    background-color: #4b4c5d  !important  
}
#square3 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
  }
  
  #square3 span {
    width: 16px;
    height: 16px;
    background-color: #D1B374;
    display: inline-block;
    -webkit-animation: square3 1.7s infinite ease-in-out both;
            animation: square3 1.7s infinite ease-in-out both;
  }
  
  #square3 span:nth-child(1) {
    left: 0px;
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
  }
  
  #square3 span:nth-child(2) {
    left: 15px;
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  
  #square3 span:nth-child(3) {
    left: 30px;
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s;
  }
  
  #square3 span:nth-child(4) {
    left: 45px;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
  }
  
  @keyframes square3 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0;
    }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
    }
    100% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
      opacity: .5;
    }
  }
  @-webkit-keyframes square3 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0;
    }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
    }
    100% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
      opacity: .5;
    }
  }