body {
    background: darkslateblue;
    font-family: Verdana;
    color: snow;
}

#header {
    font-family: Verdana;
    background: slateblue;
    color: #fff;
}

#hSub {
    font-family: Verdana;
    background: slateblue;
    font-size: small;
}

.extended {
    border: solid 1px gold;
    border-radius: 0.5em;
}

.avatar {
    image-rendering: auto;
    image-rendering: smooth;
}

.rightHead, .boxHead {
    background: slateblue;
    color: snow;
    padding: 0.5em;
    border-radius: 0.25em;
}

h4 {
    color: gold;
}

.fwiendCount {
    color: gold;
}

#top {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.fwiendFace {
    background: slateblue;
    border-radius: 0.25em;
    padding: 0.75em;
    margin: 0.25em;
    width: 7.5em;
    min-height: 10em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    max-width: none;
}

.fwiendFace > img {
    margin: auto;
    max-height: 112.5px;
    width: 100%;
    aspect-ratio: 1;
}

.fwiendFace b {
    word-break: break-word;
}

tbody {
    display: flex;
    flex-direction: column;
}

tr {
    margin: 0.25em 0;
    display: flex;
}

.tableLeft {
    background: slateblue;
    border-radius: 0.5em 0 0 0.5em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.tableLeft a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.tableLeft b {
    margin: 0 0 0.25em 0;
    display: block;
}

.tableRight {
    background: slateblue;
    border-radius: 0 0.5em 0.5em 0;
    margin: 0 0 0 0.2em;
}

blockquote {
    color: gold;
    margin: 0.25em;
}

.boxInfo {
    border: none;
}

.boxButton {
    color: gold;
}

.url {
    background: slateblue;
    padding: 0.5em;
    border-radius: 0.25em;
    border: none;
}

.url > div > a {
    color: gold !important;
}

textarea, textarea:focus {
    background: snow;
    color: black;
    font-family: Verdana;
    border: none;
    padding: 5%;
    border-radius: 0.5em;
    max-width: 90%;
}

input, button {
    background: slateblue;
    border: none;
    color: snow;
    font-family: Verdana;
    padding: 0.5em;
    border-radius: 0.25em;
    margin: 0.25em;
}

a {
    color: gold;
    font-weight: bold;
}

img {
    border-radius: 0.5em;
}