footer{
    position: fixed;
    bottom: 0;
    padding-left: 1cqw;
    text-shadow: #23596b 0 0 10px;
}

.inline-block{
    display: inline-block;
}

.monospace {
    font-family: monospace;
}

#navbar{
    background: #23596b;
    background: linear-gradient(90deg, rgba(35, 89, 107, 1) 0%, rgba(4, 35, 48, 1) 50%, rgba(35, 89, 107, 1) 100%);
    width: 100%;
    padding: 2cqh 0 2cqh 0;
    /* height: 10cqh; */
    align-content: center;
}

#navbar li{
    transition: transform 1s;
}

#navbar li:hover{
    text-shadow: #00bfff 0 0 2px;
    text-decoration: underline;
    text-decoration-color: #00bfff;
    text-underline-offset: 20%;
    transform: scale(1.5);
}

#navbar li a{
    width: 100%;
    text-wrap-mode: nowrap;
}

#navbar-icon {
    height: 30px;
    width: 30px;
}

.transparent{
    opacity: 0;
}

.white-icon{
    filter: invert(100%);
}

@media (max-width : 992px) {
    #navbar {
        padding: 1cqh;
    }
    
    #navbar li:hover {
        transform: scale(1);
    }
}