/*
body{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f0f0f0;
}
*/
#loader-container{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 1000;
    display:flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    opacity: 40%;
}
#loader{
  height:100px;
  width:100px;
  background-:red;
  border-radius:50%;
  border:5px solid #ddd;
  border-top-color:#333;
  animation:rotate 1s infinite;
  opacity: 100%;

  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;


}
@keyframes rotate{
  100%{
    rotate:360deg;
  }
}