h1 {
font-family: 'Times New Roman', Times, serif;
color: #000000	;
text-align: center;
font-size: 22px;
}

h2 {
font-family: 'Times New Roman', Times, serif;
color: #000000	;
text-align: center;
font-size: 22px;

}

h3 {
font-family: 'Times New Roman', Times, serif;
color: #000000	;
text-align: center;
font-size: 22px;

}
h4 {
    font-family: 'Times New Roman', Times, serif;
    color: #000000;
    text-align: center;
    font-size: 22px;
}

.navbar {
    list-style: none; /* Remove bullet points */
    margin: 0;
    padding: 0;
    background-color: #000000	; /* Dark background color */
    display: flex; /* Makes main links appear side-by-side */
    justify-content: center; 
}

.navbar > li {
    padding: 15px 20px;
}

.navbar a {
    color: #ffffff;
    text-decoration: none;
    display: block;
}

/* --- Dropdown Functionality --- */

.dropdown {
    /* 1. Allows the nested dropdown-content to be positioned accurately below */
    position: relative; 
}

.dropdown-content {
    /* 2. HIDES the menu by default */
    display: none; 
    
    /* 3. Takes it out of the normal flow and positions it based on the parent (.dropdown) */
    position: absolute; 
    
    /* Place it right below the main link */
    top: 100%; 
    left: 0;
    
    /* Styling for the dropdown box */
    min-width: 180px;
    background-color: #000000;
    z-index: 100; 
    padding: 0;
    list-style: none;
}

/* 4. KEY: When the parent (.dropdown) is hovered over, SHOW the child (.dropdown-content) */
.dropdown:hover > .dropdown-content {
    display: block; 
}

/* Optional: Clean up nested link styling */
.dropdown-content a {
    padding: 10px 15px;
    border-bottom: 1px solid #000000;
list-style: none;
}

 .tiv2 {
    width: 500px;
    height: auto;
    display: block;
    margin: 0 auto;
 }
 body {
    background-color: #ffffff;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
 }
 p {
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
    margin: 20px;
 }
 .backgroundimage1 {
  height: 100vh; /* full screen height */
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/4f/Tornado_Intercept_Vehicle_2.jpg');
  background-size: cover;      /* makes image fill the screen */
  background-position: center; /* keeps image centered */
  background-repeat: no-repeat;

  display: flex;               /* centers text */
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: white;                /* text color */
  text-shadow: 0 2px 5px rgba(255, 255, 255, 0.6); /* makes text readable */
 }
.archives {
    background-color: #ffffff;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
// styling for warnings feed
#warnings-container {
    max-width: 900px;
    margin: 20px auto;
    padding: 10px;
    font-family: Arial, sans-serif;
}

.alert-card {
    background: #fff4f4;
    border-left: 6px solid #d40000;
    padding: 15px;
    margin: 12px 0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.alert-card h3 {
    margin: 0 0 8px 0;
    font-size: 1.2rem;
}

.alert-card p {
    margin: 4px 0;
}

.no-alerts {
    background: #eef7ff;
    border-left: 6px solid #0077ff;
    padding: 15px;
    border-radius: 6px;
}
.team-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    max-width: 1000px;
    margin: 20px auto;
    padding: 10px;
}

.team-member {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.team-member img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 10px;
}

.team-member .role {
    font-weight: bold;
    color: #0077cc;
    margin-bottom: 8px;
}

.team-member .bio {
    font-size: 0.9rem;
    color: #444;
}
.team-member .contact a {
    color: #0077cc;
    text-decoration: none;
}
h6 {
    font-family: 'Times New Roman', Times, serif;
    color: #000000	;
    text-align: center;
    font-size: 18px;
    
    }