body
{
    background-color: #101317;
    color: #a9a9a9;
    max-width: 640px;
    text-align: justify;
    margin: 0px auto;
}

img
{
    max-width: 100%;
    border-radius: 7px;
}

a
{
    text-decoration: none;
}

a:link
{
    color: #88d;
}

a:visited
{
    color: #88a;
}

nav ul
{
    list-style-type: none;
}

ul
{
    list-style-type: '···  ';
}

h1
{
    text-justify: left;
}

nav h2, nav h3
{
    text-align: right;
}

blockquote
{
    border-left: #666 solid 3px;
    padding: 5px 25px;
    border-radius: 10px;
    background: linear-gradient(to right, #1e1e1e, #101317);
}

code
{
    border-radius: 20px;
}

.subtitle
{
    text-align: right;
    font-size: x-small;
}

footer
{
    text-align: center;
    font-size: smaller;
    border-top: solid 1px #444;
}

footer a
{
    display: inline-block;
}

.cc
{
    height: 22px !important;
    margin-left: 3px;
    vertical-align: text-bottom;
}

article header, main header
{
    border-bottom: solid 1px #444;
}

table
{
    font-family: monospace;
    width: 100%;
}

.tag
{
    border: solid 2px #444;
    padding: 3px;
    margin: 2px;
}

.subtitle, .morecontent
{
    border-top: solid 1px #444;
    padding-top: 10px;
}

dt
{
    font-weight: bold;
}

@media (max-width: 660px) {
    body {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.toot
{
    border-bottom: solid 1px #444;
    padding-bottom: 12px;
}

.kind-släkt strong
{
    font-size: larger;
    color: antiquewhite;
}

.kind-släkt .ref
{
    font-size: xx-small;
    display: block;
}

fieldset
{
    border-color: #444;
}

input[type=checkbox]
{
    accent-color: #444
}

.strikethrough
{
    text-decoration: line-through;
}