html {
    background-image: url(https://m15o.ichi.city/bkgtile.gif);
}

#statuscafe {
    padding: .5em;
    background-color: azure;
    border: 1px solid midnightblue;
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-username a {
    color: blue;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
    color: black;
}

body {
    color: white;
    font-family: sans-serif;
    margin: 0 auto;

}

main {
    background-color: teal;
    max-width: 400px;
    padding: 2em 4em;
    margin: 0 auto;
}

a {
    color: lightblue;
}
a:visited {
    color: paleturquoise;
}

a:hover {
    background-color: paleturquoise;
    color: black;
}

#create-homepage {
    color: black;
    background-color: silver;
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
    box-shadow: 2px 2px black;
}

#create-homepage:hover {
    background-color: paleturquoise;
}

.site + .site {
    margin-top: 1em;
}

main.full {
    max-width: 1200px;
}

main.large {
    max-width: 800px;
}

footer {
    text-align: center;
}

/*body {*/
/*    max-width: 940px;*/
/*    margin: 0 auto;*/
/*    background-color: #1ecece;*/
/*    padding: 1em;*/
/*}*/

/*.main-nav {*/
/*    margin-bottom: 1em;*/
/*}*/

/*main {*/
/*    padding: 1em;*/
/*    background-color: #b9f2f2;*/
/*}*/

/*footer {*/
/*    margin: 20px 0;*/
/*    text-align: center;*/
/*}*/

/*pre {*/
/*    overflow: auto;*/
/*}*/

/*.cols {*/
/*    display: grid;*/
/*    row-gap: 1em;*/
/*}*/

/*@media (min-width: 650px) {*/
/*    .cols {*/
/*        grid-template-columns: repeat(2, 1fr);*/
/*        grid-gap: 1em;*/
/*    }*/
/*}*/

/*.site {*/
/*    padding: 10px;*/
/*}*/
/*.site:nth-child(odd) {*/
/*    background-color: lightblue;*/
/*}*/
/*h1, h2, h3, h4 {*/
/*    color: midnightblue;*/
/*    margin-top: 0;*/
/*}*/

/* Form stuff */

.field { margin-bottom: 1rem; width: 350px; }
.field > label { margin-bottom: .25rem; }
.field > * { display: block; width: 100%; box-sizing: border-box; }