body {
    background-color:black;
}

div.maincont {
    height:100vh;
    display:flex;
    align-items: center;
    justify-content: center;
    margin:auto;
}

div.centermenu {
    display: flex;
    flex-direction: column;
    border:2px white solid;
    border-radius: 5px;
    padding: 1.5em 1em 1.5em 1em;
    min-width: 8em;
}

.centermenu hr {
    border-width: 0;
}

div#cfgcont {
    display:flex;
    flex-direction: column;
    padding:4em;
}

div#cfgdiv {
    display: flex;
    flex-direction: row;
    width:100%;
    height:100%;
}

div#cfg {
    display:flex;
    flex-direction: row;
}

#cfg code {
    margin:1em 2em 1em 2em;
    padding:2em;
    background-color: #444444;
    border: 2px solid lightslategray;
    border-radius: 4px;
    max-height: 68vh;
    width: 100%;
    overflow: scroll;
    font-size: 16px;
    color: #dddddd;
}

div.sep {
    width:50%;
    display:flex;
    flex-direction: column;
}

/* text */

p, a, h1, h2 {
    font-family: "Red Hat Display", sans-serif;
    margin:0;
    width: fit-content;
}

label p {
    color:white;
}

h1, h2 {
    color:white
}

p {
    color:white;
}

.success {
    color:lightgreen;
    margin-bottom:1em;
}

p.error {
    color:crimson;
}

a.inline {
    font-size: 16px;
}

.username {
    color:aqua;
}

a {
    color:antiquewhite;
    text-decoration: none;
    background-image: linear-gradient(antiquewhite, antiquewhite);
    background-size: 0% 0.1em;
    background-position-y: 100%;
    background-position-x: 0%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out;
    font-size: 18px;
}

a:hover, a:focus, a:active {
    background-size: 100% 0.1em;
}

h1.menutitle {
    margin: 0 0 1em 0;
}