html,
body {
    margin     : 0;
    padding    : 0;
    background : linear-gradient(#e66465, #9198e5);
    width      : 100vw;
    height     : 100vh;
    font-family: "Lucida Console", "Courier New", monospace;
    user-select: none;
}

.fw {
    width: 100vw;
}

.cb {
    display        : flex;
    height         : 40vh;
    justify-content: center;
    align-items    : center;
    flex-wrap      : wrap;
}

.tccb {
    display        : flex;
    gap            : 10px;
    gap            : 10px 20px;
    row-gap        : 10px;
    column-gap     : 20px;
    margin-top     : 20px;
    align-content  : stretch;
    align-items    : stretch;
    justify-content: space-evenly;
}

.col {
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
    list-style-type: none;
}

.text {
    padding  : 12px;
    font-size: 12px;
}

.vp {
    width       : 100%;
    aspect-ratio: 1;
}