.component-nav-mobile > div {
    display: flex;
    background-color: transparent;
    color: var(--foreground-color);
    justify-content: space-between;
    align-items: center;
    padding-top: 1em;
}

.component-nav-mobile > div > h1 {
    padding-bottom: 0;
}

.component-nav-mobile > div > label {
    font-size: 70px;
    background-color: transparent;
    color: var(--foreground-color);
    border: none;
    cursor: pointer;
    user-select: none;
}

.component-nav-mobile > .component-nav-mobile-dropdown-content {
    list-style: none;
    display: flex;
}

.component-nav-mobile > div > a {
    cursor: pointer;
}

.component-nav-mobile > .component-nav-mobile-dropdown-content > li {
    width: 100%;
    min-height: 3em;
}

.component-nav-mobile > .component-nav-mobile-dropdown-content > li > a {
    color: var(--foreground-color-2);
    text-decoration: none;
    height: 100%;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.component-nav-mobile > #component-nav-mobile-dropdown:checked ~ .component-nav-mobile-dropdown-content {
    display: none;
}