@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&family=MuseoModerno:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MuseoModerno&display=swap');

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
}

li, a {
  font-family: "MuseoModerno", sans-serif;
  font-weight: 900;
  font-size: 20px;
  color: #ffffff;
  position: relative;
}

body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2d752d;
  z-index: -1;
}

a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #F1C93B;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.nav__links {
  list-style: none;
  top: 10;
  left: 0;
  width: 100%;
  text-align: center; /* Center the text inside the container */
}

.nav__links li {
  display: inline-block;
  padding: 1% 4vw;
}

.nav__links li a {
  text-decoration: none;
  transition: all 0.3s ease 0s;
  color: #F1C93B;
}

.giant-text-section {
  text-align: center;
}

.giant-text {
  font-family: "MuseoModerno", sans-serif;
  font-weight: 900;
  font-size: 25vw; /* Adjust the font size as needed */
  color: #F1C93B;
  margin-top: -5%;    
}

.caption {
  font-family: "MuseoModerno", sans-serif;
  font-weight: 900;
  font-size: 10vw; /* Adjust the font size as needed */
  color: #F1C93B;
  margin-top: -10%; /* Adjust the margin for spacing */
}

.throbbing {
  animation: throbbing 0.5s infinite;
  pointer-events: none; /* Add this line to make the element non-interactive */
}