.logo-container {
    position: absolute;
    top: 1em;
    right: var(--right-space);
}

svg {
    width: 30px;
    height: 30px;
    fill: var(--color2);
    padding-top: 1rem;
    transition: fill .5s ease-in-out;
    cursor: none;
}

svg:hover {
    fill: var(--color5);
    transition: fill .5s ease-in-out;
}

@media only screen and (max-width: 600px) {

    .logo-container {
        right: var(--right-space-mobile);
    }
}