#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
/* Basic sticky navbar style */
#nav_bar {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* The 'add' class that will be toggled on scroll */
#nav_bar .add {
    background-color: rgba(0, 0, 0, 0.8) !important; /* Darken the navbar */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add a shadow for emphasis */
}
.cont{
  width: 90%;
  margin: 0 auto;
}
.cont2{
   width: 95%;
  margin: 0 auto;
}
.white{
  color: white;
  background-color: black;
}