.left {
    float: left;
}

.right {
    float: right;
}

.navbar {
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;

    background: linear-gradient(0deg, rgba(0,0,0,0), #007EA7);
}

.navbar h1 {
    color: white;

    display: inline-block;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1.25rem;

    font-weight: 400;
    font-size: 25px;

    transition: transform 0.5s;
}

.navbar #nav_t::after {
    content: '';
    width: 0;
    height: .2rem;
    margin-left: 50%;
    display: block;
    background: white;
    transition: 0.5s;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 20%;
}

.navbar #nav_t:hover {
    transform: translateY(-0.5rem);
}

.navbar #nav_t:hover::after {
    width: 75%;
}

.navbar #nav_a {
    color: #FA9500;
    font-weight: bold;
}

.navbar img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 7%;

    filter: brightness(0) invert(1);
}