@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');


html, body {
    font-family: 'Fjalla One', Courier, monospace;
    background-color: #222 !important;
    margin: 0;
    min-height: 100%;
    color: #fff;
}

header {
    font-family: 'Fjalla One', Courier, monospace;
    text-transform: uppercase;
    background-color: #222;
    
}

.header-text{
    padding-top: 15%;
}

 .navbar {
      padding: 1% 3%;
      background-color: #222;
      font-family: 'Fjalla One', Courier, monospace;
    }

    .navbar-brand img {
      width: 60%;
    }

    .nav-link {
      font-size: 95%;
      transition: color 0.3s;
    }

    .nav-link:hover {
      color: aliceblue;
    }



hr {
    
    width: 100%;
    height: 2px;
    background-color: #7a7a7a;
    padding: 0%;
    margin: 0%;
}

#countdown-btn {
    font-size: 24px;
    padding: 20px 30px;
    background-color: #333;
    color: white;
    border-radius: 25px;
    border: none;
    cursor: default;

}

.content-wrapper {
  margin-top: 20%;
}


.content-section {
  padding: 6rem 0;
  color: aliceblue;
  font-family: 'Fjalla One', Courier, monospace;
}

.content-section.bg-dark {
  background-color: #111 !important;
}


.img-fluid {
  max-width: 90%;
  border-radius: 20px;
  max-height: 500px;
  min-height: 50px;
}

.sponsors-section {
  background-color: #111;
  border-top: 2px solid #333;
  padding: 6px;
  align-items: center;
  justify-content: center;
  
  
}



.sponsors-section img {
  filter: brightness(0.9);
  transition: transform 0.3s ease, filter 0.3s ease;
}

.sponsors-section img:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

footer{
  background-color: #222;
  color: whitesmoke;
  padding-top: 1rem;
  font-family: 'Fjalla One', Courier, monospace;
}