#navbar {
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    height: 70px;
    width: 100%;
    border-bottom: 2px solid #686389;
    font-family: cantarell-bold;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: fixed;
    z-index: 100;
    box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.3);
}

.navbar-item {
    border: 0px solid #000;
    color: #898989;
    height: 70px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 70px;
    display: inline-flex;
    float: left;
    -webkit-animation: nav-fade-away 0.3s;
    -moz-animation: nav-fade-away 0.3s;
    -o-animation: nav-fade-away 0.3s;
    animation: nav-fade-away 0.3s;
}

.navbar-item:hover {
    cursor: pointer;
    -webkit-animation: nav-fade 0.3s;
    -moz-animation: nav-fade 0.3s;
    -o-animation: nav-fade 0.3s;
    animation: nav-fade 0.3s;
    color: #000;
}

.active {
    color: #000;
}

#footer {
    background-color: #454545;
    height: 70px;
    width: 100%;
    font-family: montserrat-light;
    font-size: 12px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    bottom: 0px;
    z-index: 100000;
}

.copyright {
    border: 0px solid #000;
    color: #fff;
    height: 70px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 70px;
    display: inline-flex;
    float: left;
}

.footer-item {
    color: #fff;
}

.footer-item:hover {
    cursor: pointer;
    color: #9d9d9d;
}

/* Fade Animation */

@-webkit-keyframes nav-fade {
    0% {color: #898989;}
    100% {color: #000;}
}

@-moz-keyframes nav-fade {
    0% {color: #898989;}
    100% {color: #000;}
}

@-o-keyframes nav-fade {
    0% {color: #898989;}
    100% {color: #000;}
}

@keyframes nav-fade {
    0% {color: #898989;}
    100% {color: #000;}
}

@-webkit-keyframes nav-fade-away {
    0% {color: #000;}
    100% {color: #898989;}
}

@-moz-keyframes nav-fade-away {
    0% {color: #000;}
    100% {color: #898989;}
}

@-o-keyframes nav-fade-away {
    0% {color: #000;}
    100% {color: #898989;}
}

@keyframes nav-fade-away {
    0% {color: #000;}
    100% {color: #898989;}
}