:root {
    --flex-space: 2.5vw;
    --menu-size: calc(100vw / 15);
    --menu-item-width: 1vw;
    --menu-item-height: 20vh;

    --text-size: 45vh;
}

a {
    text-decoration: none; /* remove underline */
    color: var(--text-color);
    font-size: var(--list-text-size);
}

body {
    margin: 0;
}

.profile {
    width: 10vw;
}

.profile img {
    height: 95vh;
    width: auto;
    padding: 0;
    margin: 0;
}

.menu-bar {
    position: fixed;
    top: 0;
    right: var(--flex-space);
    background-color: hsl(0, 0%, 10%);
    display: flex;
}

.menu-item {
    padding: var(--menu-item-height) var(--menu-item-width);
    width: var(--menu-size);
    text-align: center;
    vertical-align: middle;
    color: hsl(0, 0%, 30%);
    font-size: var(--text-size);
}

.disabled {
    text-decoration: line-through;
}