body {
    background-color: #178edb;
    color: #1d2633;
    font-family: "Web64 Roundabout", "Web64 Droid Sans", "Web64 AT01", monospace;
    font-size: 16px;
    line-height: normal;
    text-align: left;
    margin: 0;
    padding: 0;
}

a { color: #123d82; }
p { margin: 0 0 8px 0; padding: 0; }
h1, h2 { font-family: "Web64 Slab", "Web64 Roundabout", "Web64 AT01", monospace; margin: 0; padding: 0; }

.hero-banner {
    margin: 0;
    padding: 0 0 7px 0;
    background-color: #168fdf;
    background-image: url("images/banner.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.site-title { display: block; margin: 0 auto; padding: 0; }
.tagline { color: #fff; font-family: "Web64 Slab", "Web64 Roundabout", monospace; font-size: 20px; text-align: center; margin: 3px 0 1px 0; }
.compact-title { height: 104px; }

.page-shell {
    max-width: 560px;
    margin: 0 auto;
    padding: 8px;
    background-color: #e5c66f;
    background-image: url("images/background2.png");
    background-repeat: repeat;
    border: 4px outset #8e6425;
    border-radius: 22px;
    outline: 1px solid #000;
    box-shadow: inset -1px -1px 16px rgba(0,0,0,0.18);
}
.nav-row { margin: 0 0 8px 0; padding: 0; text-align: center; }
.nav-link {
    display: inline-block;
    color: #fff;
    font-family: "Web64 Slab", "Web64 Roundabout", monospace;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    width: 127px;
    margin: 0 4px 0 0;
    padding: 0 2px;
    vertical-align: top;
    border: 3px outset #173a77;
    border-radius: 12px;
    outline: 1px solid #000;
    box-shadow: inset -1px -1px 16px rgba(0,0,0,0.18);
}
.nav-icon, .title-icon { display: inline-block; vertical-align: middle; margin: 2px 3px 2px 0; padding: 0; border: none; outline: none; }
.nav-home { background-color: #1c64c7; border-color: #103d8c; }
.nav-about { background-color: #e96c14; border-color: #9a3d08; }
.nav-links { background-color: #1c9fb0; border-color: #0a6779; }
.nav-docs { background-color: #863bd0; border-color: #53208e; }
.nav-docs { margin-right: 0; }

.content-row { display: block; margin: 0; padding: 0; text-align: left; }
.content-card {
    display: inline-block;
    width: 258px;
    margin: 0 5px 9px 0;
    padding: 0;
    vertical-align: top;
    background-color: #f7f0d5;
    border: 4px outset #8e6425;
    border-radius: 17px;
    outline: 1px solid #000;
}
.update-card { margin-right: 0; }
.wide-card { display: block; width: auto; margin: 0 0 9px 0; }
.card-title { display: block; color: #fff; font-size: 20px; line-height: 30px; padding: 1px 6px; border-radius: 13px 13px 0 0; }
.blue-title { background-color: #1c64c7; }
.purple-title { background-color: #863bd0; }
.green-title { background-color: #67b91e; }
.orange-title { background-color: #e96c14; }
.card-content { padding: 9px 10px; }
.card-copy { font-size: 16px; margin: 0 0 9px 0; }
.callout { color: #863bd0; font-family: "Web64 Slab", "Web64 Roundabout", monospace; }
.start-link { display: inline-block; padding: 4px 8px; background-color: #1c9fb0; color: #fff; border: 3px outset #0a6779; border-radius: 10px; outline: 1px solid #000; }
.new-feature-image { display: block; margin: 0 auto 7px auto; }
.update-list { margin: 0; padding: 0; }
.update-item { margin: 0 0 5px 0; padding: 4px 6px 4px 20px; background-color: #eee3bf; border: 2px solid #c09c45; border-radius: 7px; }
.inline-code { font-family: "Web64 Fira Mono Bold", "Web64 AT01", monospace; color: #6d218e; }
.architecture-mini { text-align: center; }
.stack-line { display: inline-block; min-width: 220px; margin: 2px; padding: 5px 8px; color: #fff; background-color: #174a78; border: 3px outset #0c3155; border-radius: 8px; }
.website-list { margin: 0; padding: 0 0 0 22px; }
.website-list li { margin: 0 0 5px 0; padding: 3px 0; }
.website-list a { font-family: "Web64 Slab", "Web64 Roundabout", monospace; }
.footer { color: #fff8d7; text-align: center; margin: 2px 0 0 0; padding: 6px; background-color: #174a78; border: 3px outset #0c3155; border-radius: 11px; outline: 1px solid #000; }
.footer-link { color: #fff; }