#personal .highlight,
#offscreen .highlight {
    color: rgba(29, 200, 177, 0.85);
    text-decoration-color: rgba(29, 200, 177, 0.85);
}

#personal .dropdown-content {
    visibility: visible;
}

@media screen and (min-width: 701px) {
    #screen {
        height: 9rem;
    }
}

@media screen and (max-width: 700px) {
    .title {
        text-wrap: nowrap;
        top: 1.5rem;
        right: 1.5rem;
        padding: inherit;
    }

    .header #index {
        height: 0;
    }

    #screen {
        height: 90svh;
    }

    .header #personal {
        height: 100%;
        order: 0;
    }

    .header .dropdown:not(#personal, #index) {
        height: fit-content;
    }

    .header #commercial {
        margin-top: auto;
    }

    .dropdown-content {
        display: none;
    }

    #personal .dropdown-content {
        display: block;
    }

    #shop > div {
        display: none;
    }
}