/*----- GLOBALLY STYLING ACROSS PAGES-----*/
 body {
            background-color: rgb(255, 255, 255); /* sets background color to white */
            text-align: center; /* centers all text on page */
            margin: 0; /* remove margin */
            /* main font of website */
            font-family: 'Franklin Gothic Medium', Franklin Gothic Medium, Franklin Gothic Medium, Franklin Gothic Medium;
        }
        /* main headings style */
        h1 {
            color: rgb(0, 0, 0); /* black text */
            font-size: 300%;      /* heading size is large */
        }
        p {
            /* paragraph style*/
            font-size: 200%;
        }

        
/*----- NAVBAR STYLING ACROSS PAGES-----*/
        
.navbar {
    background-color: #000; /* black background used */
    padding: 10px 0; /* vertical padding top and bottom */
    position: sticky; /* sticks to top when scrolling down and up*/
    top: 0;  /* stay at top */
    width: 100%; /* full size bar */
    z-index: 1000; /* overlay other elements on page*/
}

.navbar ul {
    list-style-type: none; /* remove bullet points */
    margin: 0;
    padding: 0;
    display: flex; /* horizontal layout */
    justify-content: center; /* place menu in center */
}

.navbar ul li {
    margin: 0 15px; /* space between each asset */
}

.navbar ul li a {
    color: white; /* White text */
    text-decoration: none; /* remove underline */
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif, sans-serif;
    padding: 5px 10px; /* make area clickable */
    transition: background 0.3s, color 0.3s; /* smoother hover effect */
}

.navbar ul li a:hover {
    background-color: #333; /* Dark gray on hover */
    border-radius: 4px; /* rounded hover effect */
}