/* Larger version */
:root {
    --aside-width: 200px;
    --main-width: calc(100% - 2 * var(--aside-width));
    --signin-width: calc(100% - var(--aside-width));
    --large-icon-size: 100px;
}

@media only screen and (max-width: 800px) {
    :root {
        --aside-width: 50px;
        --large-icon-size: 40px;
    }
}

p#avatar-display {
    font-size: var(--large-icon-size);
    margin: 0px;
}

div#signin {
    width: var(--signin-width);
}