css grid and flex applied to vored dot website

vore.website.login.css

/**
 * @author aha
 * @version wtfpl, version 2
 * @description vore.website edits.
 * @appliesTo URLsOnTheDomain vore.website
 */
body {
    display: flex;
    flex-direction: column;
}

form {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

/* @note i've already logged in, so i'm hiding the second form for 
 * registration.
 */
form + * {
    display: none;
}

form + * + form {
    display: none;
}

body ul { 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
}

body ul li {
    width: 20vw;
    margin: 0;
    /* @note i'm applying `!important` here because another stylesheet is rude. */
    outline: 2px solid rgba(0, 0, 0, 0.2) !important;
}

/** EOF */