footer {
    font-style: italic;
}

h3 {
    font-weight: bold;
    display: inline;
    color: #0f0c5d;
}

b.name {
    color: #117743;
    font-weight: bold;
}

b.name > code {
    font-family: inherit;
    font-weight: 400;
}

section {
    background-color: #eef2ff;
    padding: 5px;
    margin-bottom: 10px;
}

article {
    background-color: #d6daf0;
    padding-top: 5px;
    margin: 2px;
    margin-bottom: 5px;
    padding-bottom: 2px;
}

article > header {
    padding-left: 5px;
}

blockquote {
    padding-left: 10px;
}

figcaption {
    margin-left: 5px;
    margin-bottom: 2px;
}

figcaption > i > a {
    margin-left: 4px;
}

.thread.hidden > div
{
    display: none;
}


.thread.hidden > small:after
{
    content: "(replies hidden)";
    display: block;
    margin-left: 5px;
    margin-top: 5px;
}

section.hidden > a.expand::before {
    content: "+"!important;
}

section > a.expand::before {
    content: "-";
}

a.expand {
    display: inline;
    float: left;
    text-decoration: none;
}

/* make it look not shit */

html {
    background-color: #eff3ee;
    height: 100%;
}

h1 {
    font: bolder 28px Tahoma;
    text-align: center;
}

a.expand {
    padding-top: 1px;
    padding-right: 1em;
}

* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

h3 {
    font-size: 1em;
}

a {
    text-decoration: none;
}

blockquote > em {
    color: #789922;
    font-style: normal;
}

a:hover {
    color: red;
    transition: 0.5s;
}

nav {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    background: rgba(214,218,240,.7);
    border-bottom: 1px solid #b7c5d9;
    
}

nav > span {
    display:inline-block;
    padding-left: 10px;
}
nav ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float:right;
}

nav :not(a)
{
    cursor: default;
}

nav ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav ul::before {
    content: "[ ";
}
nav ul li {
    padding: 0 2px;
}
nav ul li:not(:last-child)::after {
    content: " | ";
}
nav ul::after {
    content: " ]";
}

nav > span > time {
    padding-left: 10px;
    padding-right: 10px;
}

article > header {
    margin-left: 10px;
    padding-top: 1px;
}

a, a:visited {
    color: blue;
}

@media only screen and (max-width: 792px)
{
    nav > span {
	display:none!important;
    }
}
@media only screen and (max-width: 542px)
{
    nav {
	display:none!important;
    }
}