html {
    font-family: sans-serif;

    background-color: #e6feff;
    background-image: url(../img/background.bmp);
    background-repeat: no-repeat;
}

.hidden {
    display: none;
}

.top-right {
    position: absolute;
    top: 0;
    right: 10px;
}

#wrapper {
    margin-top: 86px;
    position: absolute;
    left: 0;
}

.body {
    background-color: white;


    border-top: #ccc 2px solid;
    border-right: #ccc 2px solid;
    border-bottom: #ccc 2px solid;
    border-radius: 0 10px 10px 0;

    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;

    width: 600px;
}

#people td > h3 {
    margin: 0;
}

#people td > p {
    margin: 3px auto;
}

#friends img {
    height: 64px;
}

#friends a {
    padding: 0 10px;
}

#navigation {
    padding-right: 10px;
    text-align: right;
}

#time {
    padding-left: 20px;
}

#footer {
    vertical-align: top;
}

#badges {
    text-align: right;
}
#badges img {
    vertical-align: middle;

}

/*@media (prefers-color-scheme: dark) {
    html {
        filter: invert(1);
    }
}*/