body {
  /* overflow-y: hidden; */
  visibility: hidden;
}

/* #preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
  background: rgba(0,0,0,0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}

#spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
  background: rgba(0,0,0,0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}

#spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.spinner-element {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.spinner-text {
  margin-top: 15px;
  font-size: 16px;
  color: #070707; 
  color: #f3f3f3; 
  /* background-color: cornflowerblue transparent; */
  background-color: #3498db;
  /* background-color: rgb(109, 119, 136); */
  /* background-color:rgba(250, 248, 242, 0.9); */
  text-align: center;
  padding:20px;
  border-radius: 10px;
  border: 2px solid #f3f3f3;

  /* text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); */
  /* filter: brightness(1.2);  */

}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}