:root {
    --start_menu_height: 600px;
    --start_menu_width: 300px;
}

#start-menu {
    width: var(--start_menu_width);
    height: var(--start_menu_height);
    background-color: #c0c0c0;
    bottom: 46px;
    position: absolute;
    transform: translateY(0);
    transition: all .2s;
    padding: 2px;
    z-index: 1;
    display: flex;
    flex-direction: row;

    &.hidden {
        display: none;
    }

    label {
        cursor: pointer;
    }

    .banner {
        background: linear-gradient(0deg, #000076, 50%, #000000 100%);
        color: white;
        padding: 5px;
        padding-bottom: 15px;
        width: 25px;

        display: flex;
        flex-direction: column;
        justify-content: flex-end;

        span {
            display: block;
            white-space: nowrap;
            transform: rotate(-90deg);
        }
    }

    .content {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    span.colorblind {
        display: none;
    }
}

html.colorblind #start-menu span.colorblind {
    display: inline;
}