.top-page {
    text-align: center;
    font-family: 'Bangers';
}
a:link { 
    text-decoration: none; 
  } 
a:visited { 
    text-decoration: none; 
  } 
a:hover {
    background-color: rgb(230, 220, 220);
    text-decoration:none;
}
a:active { 
    text-decoration: none; 
  }

html {
  box-sizing: border-box;
  font-size: 100%;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
}

.main-title h1 {
  display: flex;
  justify-content: center;
  font-family: 'Shrikhand'; 
  font-size: 100px;
  color:#459BC9;  
}

  #map {
    height: 60vh;
  }

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}

ul, li, a {
  font-family: 'Sans Serif Pro';
}

.nav-links {
  display:flex;
  justify-content: center;
}

.nav-links a {
  font-family: 'Sans Serif Pro';
}

.nav-links li {
  margin: 0 15px; /*adjust spacing between links */
}

.nav-links li, a, h6 {
  font-size: 110%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.title {
  display:flex;
  justify-content: center;
  font-family: 'Shrikhand'; 
  font-size: 60px;
  color:#459BC9;  
}

.title-description {
  display:flex;
  justify-content: center;
  text-align: center;
}

.title-description p {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 22px;
  color:#4A778F;
  line-height: 1.4;
}

.upload-form {
  display:flex;
  justify-content: center;

}

.form-caption h2 {
  display:flex;
  justify-content:center;
  font-size: 110%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color:#4A778F;

}



/* Responsive adjustments */
@media (max-width: 768px) {
  .header h1 {
      font-size: 1.5rem; /* Smaller font size for h1 on small screens */
  }

  .nav-links {
      flex-direction: column; /* Stack items vertically */
      margin-top: 1rem; /* Add margin at the top */
  }

  .nav-links li {
      margin-bottom: 0.5rem; /* Space between vertical items */
  }

  .nav-links li a {
      font-size: 0.875rem; /* Smaller font size for links */
      padding: 0.5rem; /* Adjust padding for links */
  }
}

@media (max-width: 480px) {
  .header h1 {
      font-size: 1.25rem; /* Even smaller font size for h1 on very small screens */
  }

  .nav-links {
      gap: 0.5rem; /* Reduce space between items */
  }

  .nav-links li a {
      font-size: 0.75rem; /* Smaller font size for links */
      padding: 0.5rem; /* Adjust padding for links */
  }
}


.instructions {
  display: flex;
  list-style: none;
  padding:0;
  justify-content: center;
}

.instructions ul li {
  margin: 0 20px;
  padding: 10px;
  justify-content: center;
  text-align: center;
  flex-direction: row;
  align-items:flex-start;
 
}

.instructions ul li p {
  width: 200px;
  height: 50px;
  text-align:center;
  margin: auto;
}

.instructions ul li h3 {
  font-size: 110%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color:#4A778F;
  min-height: 30px;
  
}

.instructions ul li p {
  font-size: 110%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color:#02141e;
  
}