css
@charset "utf-8";

/*
    Author: Gracie Boyette
    Date: 12/10/2025
    Description: Minimal base styles only.
*/

/* Add this global reset for easier responsive layout calculations */
* {
    box-sizing: border-box;
}

h1{
    text-align: center;
}

body{
    background-color: rgb(114, 190, 140);
    color: Black;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    /* Prevents accidental horizontal scrolling on mobile */
    overflow-x: hidden; 
}

nav{
    background-color: gray;
    color:Black;
}

ul {
  list-style-type: none; 
  padding: 0; 
  margin: 0; 
}

li a {
    color:black;
    text-decoration: none;
}

footer{
    background-color: black;
    color:white;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    /* Ensures footer stays at the bottom in responsive layouts */
    width: 100%;
    margin-top: 2rem; /* Add some space above the footer */
}