/* layout for FurryComputerClub */
/* color scheme for the site is here:
    #000000
    #14213d
    #fca311
    #e5e5e5
    #ffffff
 */
.footnotes{font-size:90%;}


html, body {
    font-family: monospace;
    text-align: center;
    background-color: #14213d;
    color: #e5e5e5;
}
nav, main, footer {
    margin: 2em auto;
}

a {
    color: #fca311;
    text-decoration: none;
    text-shadow: 0 0 5px rgba(252, 163, 17, 0.5);
    transition: all 0.1s;
}

a:hover {
    color: #ffffff;
    text-shadow: 0 0 2px #fca311;
    text-decoration: underline;
}
a:active {
    color: #ffffff;
}

header {
    color: #fca311;
}

h1, h2, h3 {
    color: #fca311;
    letter-spacing: 1px;
}

nav a {
    display: inline-block;
    margin: 0.4em;
    font-weight: 800;
    border: 1px dashed #fca311;
    padding: 0.3em 0.6em;
    background-color: rgba(20, 33, 61, 0.6);
}

nav a:hover {
    background-color: #fca311;
    color: #14213d;
    border-style: solid;
    text-shadow: none;
}

ul ul {
    padding: 0.5em;
    text-align: left;
}

ul ul li:before {
    content: "+ ";
}

main {
    max-width: 768px;
    white-space: normal;
}

.nopre {
    white-space: normal !important;
}

main > pre {
    display: inline-block !important;
    margin: 1em auto;
    text-align: left;
    text-wrap-mode: nowrap;
    white-space-collapse: preserve !important;
    border: 1px solid #fca311;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1em;
    color: #fca311;
}

footer {
    display: inline-block;
    text-align: right;
    border-top: 2px dashed #fca311;
    padding-top: 1em;
}

ol {
    padding: 0px 15% 0px 15%;
}

ol li {
    text-align: left !important;
}

ul {
    list-style: none;
    text-align: left !important;
}

ul li:before {
    content: ">  ";
    color: #fca311;
}

table, th, td {
    border: 1px dashed #fca311;
}

table {
    align-content: center;
    width: 80%;
    border-collapse: collapse;
    display: inline-table;
    background-color: rgba(0, 0, 0, 0.3);
}

table tr {
    margin: 0.4em;
    display: table-row;
}

th, td {
    padding: 0.5em;
}

th {
    color: #fca311;
}

.ascii {
    text-align: center;
}
.ascii pre {
    border: 0px !important;
    display: inline-block !important;
    white-space: pre !important;
    text-align: left;
}
::selection {
    background-color: #fca311;
    color: #14213d;
    text-shadow: none;
}
small {
    color: #e5e5e5;
}

hr {
    border: none;
    border-top: 1px dashed #fca311;
    margin: 2em 0;
}