.navbar {
    background: linear-gradient(0deg, rgba(0,0,0,0), var(--ac));
    color: var(--mtc);

    padding-left: 2.5%;
    padding-right: 2.5%;

    position: fixed;
    width: 95%;
}

.navbar img {
    width: 100px;
    
    margin-top: 5px;
    margin-bottom: 5px;
}

.navbar h1 {
    font-weight: 300;
    font-size: 25px;
    
    float: right;

    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 40px;

    transition: transform 0.5s;
}

.navbar #nav-t:hover {
    transform: translateY(-0.4rem);
}

.navbar #nav-t::after  {
    content: "";
    width: 0;
    height: 3px;
    margin-left: 50%;
    display: block;
    background: var(--mtc);
    transition: 0.5s;
    left: 50%;
    transform: translate(-50%, 0);
}

.navbar #nav-t:hover::after {
    width: 75%;
}

.navbar #nav-t-a {
    color: var(--atc);
    font-weight: 500;
}

.navbar #nav-t-a::after  {
    content: "";
    width: 75%;
    height: 3px;
    margin-left: 50%;
    display: block;
    background: var(--atc);
    transition: 0.5s;
    left: 50%;
    transform: translate(-50%, 0);
}