body {
  font-family: "Darker Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  background-color: rgba(243, 243, 243, 1);
}

.bg-navbar {
  background-color: rgba(243, 243, 243, 1);
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    opacity: 0.85;
    transition: opacity 0.3s ease;
    will-change: opacity;
}

header:hover, header:focus-within {
    opacity: 1;
}

main {
    padding-top: 70px !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Anton SC", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.init-btn {
    font-family: "Darker Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.3rem;
  color: rgba(243, 243, 243, 1);
}

.text-title{
    font-size: 6rem;
}

.carousel-indicators {
    bottom: -20px;
}

.carousel-indicators button {
    background-color: #333 !important;
}

.carousel-inner {
    min-height: 450px;
}