@font-face {
  font-family: 'Futura';
  src: local('Futura'),
       url('/static/futurasv/Futura Bold.ttf') format("truetype");
}

* {
  font-family: 'Garamond';
  /* font-family: 'Bodoni MT'; */
  /* font-family: 'Futura'; */
  /* font-family: 'Century'; */
  /* font-family: 'Times New Roman', Times, serif; */
}

.home-head {
  width: 100%;  
  padding: 0px 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}


.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}


#navbar {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
  background-color: #ffffff;
}

#navbar a {
  font-size: 18px;
  font-family: Futura Bold;
  color: #5e9be1;
  font-weight: 500;
  padding: 5px 8px;
  text-decoration: none;
}

#navbar a::after{
  content: "";
  display:block;
  position: relative ;
  width: 100%;
  height: 1px;
  bottom: 0px;
  background: #5e9be1;
  transition: transform 0.2s ease-in-out;
  transform: scaleX(0);
}

#navbar a:hover::after{
  transform: scaleX(1);
}

.footer {
  background-color: #ffffff00;
  color: #fff; /* Text color for the footer */
  padding: 50px 0; /* Padding at the top and bottom */
  text-align: center; /* Center-align text */
}