body {
    margin: 0;
    /* padding: 0; */
    padding-top: 150px;
    font-family: sans-serif;
    /* background-repeat: no-repeat; /* Prevents the image from repeating */
    /* background-size: cover; /* Ensures the image covers the entire viewport */
    background-color: #FDFAEC;
    /* opacity: 1; */
    margin-left: 10px;
    /* background-image: url('/images/forrest.avif'); */
}

.header {
    height: 130px;
    position: fixed;
    top: 0;
    margin-left: -7px;
    margin-right: -5px;
    padding: 1rem 0;
    text-align: center;
    color: #F5C527;
    /* background-color: #355e3b; */
    /* display: flex; */
    width: 100%;
    font-size: 20px;
}

.header::before {
    content: "";
    background-image: url('/images/forrest.avif'); */
    background-size: cover;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: 1.4; /* Set your desired opacity here */
    z-index: -1; /* Places the image behind the text */
}

footer {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem 0;
    text-align: center;
    /* color: #F5C527; */
    color: orange;
    font-weight: 900;
    /* background-color: #355e3b; */
    /* position: sticky; /* Sticky to the bottom of the viewport */
    position: relative; /* Sticky to the bottom of the viewport */
    /* position: absolute; /* */
    font-style: italic;
    font-size: 14px;
    clear: both;
}

.logo {
    /* Initial state: normal brightness and smooth transition */
    filter: brightness(100%);
    transition: filter 0.3s ease; /* Smooth transition effect */
}

.logo:hover {
    /* Hover state: increase brightness to highlight */
    filter: brightness(120%);
    background-color: #FF69B4;
}

.topnav ul {
    list-style-type: none; /* Removes default bullet points */
    top: 0;
    /* position: fixed; */
    margin: 0;
    padding: 0;
    display: flex; /* Activates Flexbox on the container */
    justify-content: center; /* Centers the flex items horizontally */
    /* justify-content: space-between; /* Centers the flex items horizontally */
    gap: 15px;
}

/* unvisited link */
a:link {
    /* color: green; */
    text-decoration: none;
}
*/
/* mouse over link */
a:hover {
    color: red;
    text-decoration: underline;
}

nav a {
    color: orange;
    font-weight: 900;
    /* text-decoration: none; /* Remove underlines from links */
    padding: 0 1rem;
}

nav a:hover {
    /* background-color: #ddd; */
    color: #FF69B4;
}

.form-input-required {
    content: "*";
    color: #FF0000;
}

@font-face {
    /* https://fontmeme.com/shadow-effect/ */
    /* https://ontelaunee.org/digital-self-service/ */
    font-family: 'CFont1';
    src: url('../fonts/Z003-MediumItalic.ttf') format('truetype');
}

cf1 {
    font-family: CFont1, arial, sans-serif;
    color: Gold;
    font-weight: lighter;
    text-shadow: 1px 1px #614444;
    font-size: 50px;
}

/* Responsive navigation menu - display links on top of each other instead */
/* of next to each other (for mobile devices) */
@media screen and (min-width: 200px) and (max-width: 400px) {
	.topnav a, .topnav-right {
    	float: none;
    	display: block;
    }
    .column {
        width: 50%;
        float: left;
    }
}