.body {
    background-color: rgb(8, 41, 160);
    margin: 0;
    padding: 0;
}

    nav {
        width: 100%; /* Ensure it spans the full width */
        text-align: center;
        background: rgb(30, 1, 132);
        border: 3px groove;
        border-radius: 16px;
        border-color:rgb(97, 223, 245);
        box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.65);
        box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.8);
        padding-top: 12px;
        padding-bottom: 12px;
        margin: 5px 2px -10px 2px;
        z-index: 1000;
        position: relative;
    }
    .topnav a {
        color: black; 
    }
    nav ul {
        list-style: none;
        padding: 0;
        margin: 1px 0;
    }
    
    nav li {
        padding-right: 1rem;
        padding-left: 1rem;
        text-decoration: none;
        
    }
    
    button {
        background-color:  rgb(104, 180, 212);
        color: white;
       font-size: 15px;
        font-family: 'andale mono',consolas,'courier new', monospace;
        font-weight: 600;
        border-radius: 11px;
        padding: 1px 1px;
        cursor: pointer;
        border: 2px solid;
        border-color: rgba(38, 38, 38, 0.7);
        margin: 2px 2px;
        transition-duration: 0.7s;
        box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.8);
        text-decoration: none;
        text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.817);
       
    }
    button:hover {
        background-color: rgb(255, 255, 255); /* Change background color on hover */
        border-color: rgb(97, 223, 245);
        box-shadow: 0 0 7px rgba(255, 255, 0, 0.8), 0 0 20px rgba(255, 255, 0, 0.6), 0 0 25px rgba(255, 255, 0, 0.4); /* Glowing light yellow effect */
        color: black;
    }
    

    nav a {
        display: flex;
        justify-content: center;
        text-decoration: none;
        height: 100%; /* Ensure the anchor takes the full height of the li */
    }

    h2 {
    font-family: Consolas, monaco,'andale mono',monospace; 
    position: flexible;
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-align: Center;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.85);
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
    
}

    .websitefooter p {
        background: solid;
        text-decoration: none;
        font-family: 'andale mono', consolas, 'courier new', monospace;
        font-size: 11px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7), 0 6px 20px rgba(0, 0, 0, 0.6);
        font-weight: 600;
        margin: 10px 10px 20px 10px;
        padding: 6px;
    }
    strong {
        color: rgb(176, 33, 33);
        font-family: 'courier new', monospace, 'andale mono', consolas;
        font-size: 12px;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
        font-weight: 600;
    }