.site-header {
    padding-left: 1%;
    min-height: 8vh;
    align-content: center;
}

#hamburger {
    background-color: rgba(255, 255, 255, 0);
    border: 0;
    height: 55px;
    width: 55px;

    transition: all .3 s ease-in-out;
}

#hamburger:hover {
    background-color: rgb(206, 206, 206);
    border-color: rgb(41, 41, 41);
    height: 55px;
    width: 55px;

    transform: scale(1.2);
}

#hamburger:active {
    background-color: rgb(218, 218, 218);
    border-color: rgb(255, 255, 255);
    height: 55px;
    width: 55px;
    transform: scale(0.9);
}

#hamburger-img {
    height: 40px;
    width: 40px;
    filter: brightness(0);
}

#toLeft {
    padding-left: 0%;
}

#nav-links {
    display: block;
    font-family: sans-serif;
    position:absolute;
    width: 30%;
    height: 100%;
    padding-left: 1%;
}

#nav-links ul {
    padding-left: 1%;
    list-style-type: none;
}

#nav-links a {
    font-size: 25px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;

}
#nav-links img {
    height: 24px;
    width: 24px;    
    filter: brightness(0);
    scale: 1.2;
}

#nav-links hr {
    height: 2px;
    border: 0;
    background-image: linear-gradient(
        90deg,
        hsl(0deg 0% 0%) 0%,
        hsl(0deg 0% 0%) 20%,
        hsla(0, 0%, 60%, 0.11) 80%,
        hsla(0, 0%, 100%, 0) 100%
    );
}

@media (max-width: 900px) {
    #nav-links {
        display: block;
        font-family: sans-serif;
        position:absolute;
        width: 100%;
        height: 100%;
        padding-left: 1%;

        background-color: rgb(235, 235, 235);
    }    
}