html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    margin-top:2%;
    cursor: url("img/cursor3.png"), default;
    background-color: rgb(244, 254, 244);
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
}

#gridcontainer {
    width: 95%;
height: 85%;
margin: auto;
background-size: 8% 10%;
background-origin: padding-box; 

background-image:
    linear-gradient(to right, rgba(109, 143, 120, 0.4) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(109, 143, 120, 0.4) 1px, transparent 1px);
display: flex;
padding-top:8%;
    }

    #links{
        display:flex;
        width:40px;
        margin-top:40px;
        float:right;
        margin-right:2%;
    }

    .imglink{
        width:40px;
        height:auto;
        padding-left:15px;
        text-decoration:none;
    }
    
    a:hover{
        cursor: url("img/cursor3.5.png"), pointer;
    }

    #navcontainer{
            display:flex;
            width:90%;
            justify-content: space-between; 
    align-items: center;
    margin-bottom: 1%;
        }

    .navbar .nav-links {
            list-style-type: none;
            margin: 0;
            display: flex;
            gap: 20px;
            font-size:25px;
        }

        .navbar .nav-links li {
            display: inline;
        }

        .navbar .nav-links a {
            text-decoration: none;
            color: rgb(0, 0, 0);
            transition: color 0.3s;
        }

        .navbar .nav-links a:hover {
            color: #1abc9c;
        }

        .navbar2 {
    margin-left: auto; 
    padding-left:5%;
}