a {
    color: #A54AFF;
}
a:hover {
    color: #B274FF;
}

h2, h3, h4 {
    color: #B274FF;
}
h4 {
    margin-left: 1em;
}

aside {
    background-color: #000;
}
body, main {
    background-color: #222;
}

body {
    color: #ddd;
}
hr {
    color: #555;
    background-color: #555;
}


main nav :first-child {
    border-left: 1px solid #777;
}
main nav a {
    border-right: 1px solid #777;
}
main nav {
    border-bottom: 1px solid #777;
}
footer {
    border-top: 1px solid #777;
}

nav ul.list li a {
    color: #7B2BAE;
    text-transform: none;
}

ul.social li a {
    filter: brightness(80%);
}
ul.social li a:hover {
    filter: brightness(100%);
}


.tag-cloud a {
    background-color: #701FA3;
}
.tag-cloud a:hover {
    color: #fff;
    background-color: #8733BD;
}

a.btn {
    background-color: #701FA3;
}
a.btn:hover {
    background-color: #8733BD;
}

main article code {
    border: none;
    background-color: #333;
    color: #B274FF;
}
div.highlight {
    background-color: #333;
    color: #B274FF;
}


.fa-mastodon {
    background: url(../images/mastodon-white.svg) no-repeat center;
    background-size: 20px;
    color: #2B90D9;
    width: 36px;
    height: 20px;
}