body {
    background-color: #081b71;
    color: #8dadf7;
    font-family: 'Space Mono', monospace;
}

a {
    color: #fff;
    text-decoration: none;
}

a.title {
    color: #8dadf7;
    outline: none;
}

span.ttu a {
    color: #8dadf7;
}

div.about a:hover {
    text-decoration: underline;
}

pre {
    border: 1px #8396ea solid;
    border-radius: 4px;
    background-color: #3247a3;
    white-space: pre-wrap;
}

p.footer-icons img {
    opacity: 0.8;
    mix-blend-mode: luminosity;
}

p.footer-icons img:hover {
    opacity: 1;
    mix-blend-mode: initial;
}

p.footer-icons a:hover {
    text-decoration: none;
}

article.post {
    font-family: sans-serif;
    color: #b5c3ff;
}

article.post a {
    text-decoration: underline;
}

article.post a:hover {
    background-color: #5373fd;
}

article.post pre {
    padding: 13px;
}

div.section:hover {
    background-color: #091d7a;
}

div.project img {
    opacity: 0.7;
    transition: opacity 0.2s;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

div.project:hover img {
    opacity: 1;
}

div.project a {
    color: #738cff;
    transition: color 0.4s;
    outline: 0;
}

div.project:hover a {
    color: #fff;
}

a.post {
    color: #4d68d9;
    transition: color 0.3s;
}

a.post:hover {
    color: #fff;
}

.wmvrl {
    writing-mode: vertical-rl;
    cursor: default;
    float: left;
}