body {
    background-color: var(--background);
    color: var(--textwhite);
    margin: 0px;
}

h1,
h2,
h3,
h4 {
    color: var(--info);
}

a {
    color: var(--interact);
    font-weight: bold;
}

pre {
    inline-size: 100%;
    overflow: auto;
    white-space: pre-line;
}

.heading {
    padding-left: 1% 3% 1% 3%;
    padding-right: 3%;
}

.appform {
    margin: 1% 15% 1% 15%;
    padding: 3%;
    border-style: none solid;
    border-width: 10px;
    border-color: var(--foreground);
}

.embed {
    border-style: none solid;
    border-width: 10px;
    border-color: var(--foreground);
}

.embed-code {
    width: 45%;
    margin: 2.5%;
    overflow: auto;
}

.information {
    margin: 1% 3% 3% 3%;
    padding: 1%;
}

.body {
    margin: 1% 7%;
    padding: 3%;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    inline-size: 95%;
}

table {
    width: 100%;
}

td.mtime {
    width: 20%;
}

tr:nth-child(even) {
    background-color: var(--lighter);
}

#info,
#status,
#passlabel {
color: var(--info);
}

#delete,
.error {
    color: var(--warn);
}