/*!
 * Modesta v2.0.6 (https://modesta.alexflipnote.dev)
 * Made by AlexFlipnote (https://alexflipnote.dev)
 * Licensed under GPL-3.0 (https://github.com/AlexFlipnote/Modesta/blob/master/LICENSE)
 */
* {
    cursor: default !important;
}
html,
body {
    background: #181818;
    color: #fff;
    font-weight: normal;
    margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 2rem;
    margin-top: 0;
}
input,
select,
textarea {
    background-color: #303030;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    height: 38px;
    padding: 6px 10px;
}
input[type="checkbox"],
input[type="radio"] {
    height: auto;
    padding: initial;
}
input,
textarea,
select,
fieldset {
    margin-bottom: 1rem;
}
label,
legend {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
}
form {
    margin-bottom: 0;
}
p {
    margin-top: 0;
}
a {
    color: #1eaedb;
    text-decoration: none;
}
a:hover {
    color: #0fa0ce;
}
h1 {
    font-size: 3.8rem;
    letter-spacing: -0.1rem;
    line-height: 1.2;
}
h2 {
    font-size: 3.4rem;
    letter-spacing: -0.1rem;
    line-height: 1.25;
}
h3 {
    font-size: 2.8rem;
    letter-spacing: -0.1rem;
    line-height: 1.3;
}
h4 {
    font-size: 2.2rem;
    letter-spacing: -0.08rem;
    line-height: 1.35;
}
h5 {
    font-size: 1.7rem;
    letter-spacing: -0.05rem;
    line-height: 1.5;
}
h6 {
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.6;
}
@media (min-width: 550px) {
    h1 {
        font-size: 4.7rem;
    }
    h2 {
        font-size: 3.9rem;
    }
    h3 {
        font-size: 3.3rem;
    }
    h4 {
        font-size: 2.7rem;
    }
    h5 {
        font-size: 2.1rem;
    }
    h6 {
        font-size: 1.5rem;
    }
}
@-webkit-keyframes button-enter {
    from {
        opacity: 0;
        top: 2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@-moz-keyframes button-enter {
    from {
        opacity: 0;
        top: 2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@-o-keyframes button-enter {
    from {
        opacity: 0;
        top: 2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes button-enter {
    from {
        opacity: 0;
        top: 2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@-webkit-keyframes bounce-button {
    from,
    20%,
    53%,
    80%,
    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    40%,
    43% {
        transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    90% {
        transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
    }
}
@-moz-keyframes bounce-button {
    from,
    20%,
    53%,
    80%,
    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    40%,
    43% {
        transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    90% {
        transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
    }
}
@-o-keyframes bounce-button {
    from,
    20%,
    53%,
    80%,
    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    40%,
    43% {
        transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    90% {
        transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce-button {
    from,
    20%,
    53%,
    80%,
    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    40%,
    43% {
        transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    90% {
        transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
    }
}
@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -o-transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
    }
}
@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -o-transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
    }
}
@-o-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -o-transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -o-transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
    }
}
@-webkit-keyframes fading {
    from {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fading {
    from {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fading {
    from {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fading {
    from {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-from-top {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes fade-from-top {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fade-from-top {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@keyframes fade-from-top {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fade-from-bottom {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes fade-from-bottom {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fade-from-bottom {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@keyframes fade-from-bottom {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fade-from-left {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes fade-from-left {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fade-from-left {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@keyframes fade-from-left {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fade-from-right {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes fade-from-right {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fade-from-right {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@keyframes fade-from-right {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fade-from-back {
    from {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5);
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fade-from-back {
    from {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5);
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fade-from-back {
    from {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5);
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-from-back {
    from {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5);
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-from-front {
    from {
        opacity: 0;
        transform: scale3d(1.5, 1.5, 1.5);
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fade-from-front {
    from {
        opacity: 0;
        transform: scale3d(1.5, 1.5, 1.5);
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fade-from-front {
    from {
        opacity: 0;
        transform: scale3d(1.5, 1.5, 1.5);
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-from-front {
    from {
        opacity: 0;
        transform: scale3d(1.5, 1.5, 1.5);
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes load {
    0%,
    80%,
    100% {
        box-shadow: 0 0, 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -1.75em, 0 1.75em;
        height: 4em;
    }
}
@-moz-keyframes load {
    0%,
    80%,
    100% {
        box-shadow: 0 0, 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -1.75em, 0 1.75em;
        height: 4em;
    }
}
@-o-keyframes load {
    0%,
    80%,
    100% {
        box-shadow: 0 0, 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -1.75em, 0 1.75em;
        height: 4em;
    }
}
@keyframes load {
    0%,
    80%,
    100% {
        box-shadow: 0 0, 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -1.75em, 0 1.75em;
        height: 4em;
    }
}
.markdown-container {
    color: #ecf0f1;
    font-size: 16px;
    line-height: 1.5;
    margin: 1em auto;
    max-width: 1012px;
    padding: 0 2em;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
}
.markdown-container .pl-c {
    color: #6a737d;
}
.markdown-container .pl-c1,
.markdown-container .pl-s .pl-v {
    color: #005cc5;
}
.markdown-container .pl-e,
.markdown-container .pl-en {
    color: #6f42c1;
}
.markdown-container .pl-smi,
.markdown-container .pl-s .pl-s1 {
    color: #24292e;
}
.markdown-container .pl-ent {
    color: #22863a;
}
.markdown-container .pl-k {
    color: #d73a49;
}
.markdown-container .pl-s,
.markdown-container .pl-pds,
.markdown-container .pl-s .pl-pse .pl-s1 {
    color: #032f62;
}
.markdown-container .pl-sr {
    color: #032f62;
}
.markdown-container .pl-sr .pl-cce,
.markdown-container .pl-sr .pl-sre,
.markdown-container .pl-sr .pl-sra {
    color: #032f62;
}
.markdown-container .pl-sr .pl-cce {
    color: #22863a;
    font-weight: bold;
}
.markdown-container .pl-v,
.markdown-container .pl-smw {
    color: #e36209;
}
.markdown-container .pl-bu {
    color: #b31d28;
}
.markdown-container .pl-ii {
    background-color: #b31d28;
    color: #fafbfc;
}
.markdown-container .pl-c2 {
    background-color: #d73a49;
    color: #fafbfc;
}
.markdown-container .pl-c2::before {
    content: "^M";
}
.markdown-container .pl-ml {
    color: #735c0f;
}
.markdown-container .pl-mh {
    color: #005cc5;
    font-weight: bold;
}
.markdown-container .pl-mh .pl-en {
    color: #005cc5;
    font-weight: bold;
}
.markdown-container .pl-ms {
    color: #005cc5;
    font-weight: bold;
}
.markdown-container .pl-mi {
    color: #24292e;
    font-style: italic;
}
.markdown-container .pl-mb {
    color: #24292e;
    font-weight: bold;
}
.markdown-container .pl-md {
    background-color: #ffeef0;
    color: #b31d28;
}
.markdown-container .pl-mi1 {
    background-color: #f0fff4;
    color: #22863a;
}
.markdown-container .pl-mc {
    background-color: #ffebda;
    color: #e36209;
}
.markdown-container .pl-mi2 {
    background-color: #005cc5;
    color: #f6f8fa;
}
.markdown-container .pl-mdr {
    color: #6f42c1;
    font-weight: bold;
}
.markdown-container .pl-ba {
    color: #586069;
}
.markdown-container .pl-sg {
    color: #959da5;
}
.markdown-container .pl-corl {
    color: #032f62;
    text-decoration: underline;
}
.markdown-container .octicon {
    display: inline-block;
    fill: currentColor;
    vertical-align: text-bottom;
}
.markdown-container a {
    background-color: transparent;
    color: #0366d6;
    text-decoration: none;
}
.markdown-container a:hover {
    text-decoration: underline;
}
.markdown-container a:active,
.markdown-container a:hover {
    outline-width: 0;
}
.markdown-container strong {
    font-weight: 600;
}
.markdown-container code,
.markdown-container kbd,
.markdown-container pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
.markdown-container input {
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    overflow: visible;
}
.markdown-container [type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
.markdown-container * {
    box-sizing: border-box;
}
.markdown-container hr {
    background: transparent;
    background-color: #303030;
    border: 0;
    border-bottom: 1px solid #303030;
    border-bottom-color: #303030;
    box-sizing: content-box;
    height: 0.25em;
    margin: 24px 0;
    overflow: hidden;
    padding: 0;
}
.markdown-container hr::before {
    content: "";
    display: table;
}
.markdown-container hr::after {
    clear: both;
    content: "";
    display: table;
}
.markdown-container td,
.markdown-container th {
    padding: 0;
}
.markdown-container h1,
.markdown-container h2,
.markdown-container h3,
.markdown-container h4,
.markdown-container h5,
.markdown-container h6 {
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 16px;
    margin-top: 24px;
}
.markdown-container h1 {
    border-bottom: 1px solid #303030;
    font-size: 2em;
    font-weight: 600;
    margin: 0.67em 0;
    padding-bottom: 0.3em;
}
.markdown-container h2 {
    border-bottom: 1px solid #303030;
    font-size: 1.5em;
    font-weight: 600;
    padding-bottom: 0.3em;
}
.markdown-container h3 {
    font-size: 1.25em;
    font-weight: 600;
}
.markdown-container h4 {
    font-size: 1em;
    font-weight: 600;
}
.markdown-container h5 {
    font-size: 0.875em;
    font-weight: 600;
}
.markdown-container h6 {
    color: #6a737d;
    font-size: 0.85em;
    font-weight: 600;
}
.markdown-container p {
    margin-bottom: 10px;
    margin-top: 0;
}
.markdown-container blockquote {
    border-left: 0.25em solid #7f8c8d;
    color: #bdc3c7;
    margin: 0;
    padding: 0 1em;
}
.markdown-container blockquote > :first-child {
    margin-top: 0;
}
.markdown-container blockquote > :last-child {
    margin-bottom: 0;
}
.markdown-container ul,
.markdown-container ol {
    padding-left: 2em;
}
.markdown-container ol {
    margin-bottom: 0;
    margin-top: 0;
}
.markdown-container ol ol {
    list-style-type: lower-roman;
}
.markdown-container ol ul ol,
.markdown-container ol ol ol {
    list-style-type: lower-alpha;
}
.markdown-container ol ol,
.markdown-container ol ul {
    margin-bottom: 0;
    margin-top: 0;
}
.markdown-container ul {
    margin-bottom: 0;
    margin-top: 0;
}
.markdown-container ul ol {
    list-style-type: lower-roman;
}
.markdown-container ul ul ol,
.markdown-container ul ol ol {
    list-style-type: lower-alpha;
}
.markdown-container ul ul,
.markdown-container ul ol {
    margin-bottom: 0;
    margin-top: 0;
}
.markdown-container dd {
    margin-left: 0;
}
.markdown-container .pl-0 {
    padding-left: 0 !important;
}
.markdown-container .pl-1 {
    padding-left: 4px !important;
}
.markdown-container .pl-2 {
    padding-left: 8px !important;
}
.markdown-container .pl-3 {
    padding-left: 16px !important;
}
.markdown-container .pl-4 {
    padding-left: 24px !important;
}
.markdown-container .pl-5 {
    padding-left: 32px !important;
}
.markdown-container .pl-6 {
    padding-left: 40px !important;
}
.markdown-container::before {
    content: "";
    display: table;
}
.markdown-container::after {
    clear: both;
    content: "";
    display: table;
}
.markdown-container > *:first-child {
    margin-top: 0 !important;
}
.markdown-container > *:last-child {
    margin-bottom: 0 !important;
}
.markdown-container a:not([href]) {
    color: inherit;
    text-decoration: none;
}
.markdown-container .anchor {
    float: left;
    line-height: 1;
    margin-left: -20px;
    padding-right: 4px;
}
.markdown-container .anchor:focus {
    outline: none;
}
.markdown-container p,
.markdown-container blockquote,
.markdown-container ul,
.markdown-container ol,
.markdown-container dl,
.markdown-container table,
.markdown-container pre {
    margin-bottom: 16px;
    margin-top: 0;
}
.markdown-container h1 .octicon-link,
.markdown-container h2 .octicon-link,
.markdown-container h3 .octicon-link,
.markdown-container h4 .octicon-link,
.markdown-container h5 .octicon-link,
.markdown-container h6 .octicon-link {
    color: #1b1f23;
    vertical-align: middle;
    visibility: hidden;
}
.markdown-container h1:hover .anchor,
.markdown-container h2:hover .anchor,
.markdown-container h3:hover .anchor,
.markdown-container h4:hover .anchor,
.markdown-container h5:hover .anchor,
.markdown-container h6:hover .anchor {
    text-decoration: none;
}
.markdown-container h1:hover .anchor .octicon-link,
.markdown-container h2:hover .anchor .octicon-link,
.markdown-container h3:hover .anchor .octicon-link,
.markdown-container h4:hover .anchor .octicon-link,
.markdown-container h5:hover .anchor .octicon-link,
.markdown-container h6:hover .anchor .octicon-link {
    visibility: visible;
}
.markdown-container li {
    word-wrap: break-all;
}
.markdown-container li > p {
    margin-top: 16px;
}
.markdown-container li + li {
    margin-top: 0.25em;
}
.markdown-container dl {
    padding: 0;
}
.markdown-container dl dt {
    font-size: 1em;
    font-style: italic;
    font-weight: 600;
    margin-top: 16px;
    padding: 0;
}
.markdown-container dl dd {
    margin-bottom: 16px;
    padding: 0 16px;
}
.markdown-container table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #fff;
    display: block;
    overflow: auto;
    width: 100%;
}
.markdown-container table th {
    border: 1px solid #353535;
    font-weight: 600;
    padding: 6px 13px;
}
.markdown-container table td {
    border: 1px solid #353535;
    padding: 6px 13px;
}
.markdown-container table tr {
    background-color: #282828;
    border-top: 1px solid #353535;
}
.markdown-container table tr:nth-child(2n) {
    background-color: #303030;
}
.markdown-container img {
    background-color: #fff;
    border-style: none;
    box-sizing: content-box;
    max-width: 100%;
}
.markdown-container img[align="right"] {
    padding-left: 20px;
}
.markdown-container img[align="left"] {
    padding-right: 20px;
}
.markdown-container code {
    background-color: rgba(27, 31, 35, 0.05);
    border-radius: 3px;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 85%;
    margin: 0;
    padding: 0.2em 0.4em;
}
.markdown-container .highlight {
    background: #303030 !important;
    color: #d0d0d0;
}
.markdown-container .highlight pre {
    background-color: #f6f8fa;
    border-radius: 3px;
    font-size: 85%;
    line-height: 1.45;
    margin-bottom: 0;
    overflow: auto;
    padding: 16px;
    word-break: normal;
}
.markdown-container .highlight table td {
    padding: 5px;
}
.markdown-container .highlight table pre {
    margin: 0;
}
.markdown-container .highlight .err {
    background-color: #ac4142;
    color: #151515;
}
.markdown-container .highlight .w {
    color: #d0d0d0;
}
.markdown-container .highlight .c,
.markdown-container .highlight .cd,
.markdown-container .highlight .cm,
.markdown-container .highlight .c1,
.markdown-container .highlight .cs {
    color: #888;
}
.markdown-container .highlight .cp,
.markdown-container .highlight .nt {
    color: #f4bf75;
}
.markdown-container .highlight .o,
.markdown-container .highlight .ow,
.markdown-container .highlight .p,
.markdown-container .highlight .pi {
    color: #cb4b16;
}
.markdown-container .highlight .gi {
    color: #90a959;
}
.markdown-container .highlight .gd {
    color: #ac4142;
}
.markdown-container .highlight .gh {
    color: #268bd2;
    font-weight: bold;
}
.markdown-container .highlight .k,
.markdown-container .highlight .kn,
.markdown-container .highlight .kp,
.markdown-container .highlight .kr,
.markdown-container .highlight .kv {
    color: #aa759f;
}
.markdown-container .highlight .kc,
.markdown-container .highlight .kt,
.markdown-container .highlight .kd {
    color: #d28445;
}
.markdown-container .highlight .s,
.markdown-container .highlight .sb,
.markdown-container .highlight .sc,
.markdown-container .highlight .sd,
.markdown-container .highlight .s2,
.markdown-container .highlight .sh,
.markdown-container .highlight .sx,
.markdown-container .highlight .s1 {
    color: #90a959;
}
.markdown-container .highlight .sr {
    color: #75b5aa;
}
.markdown-container .highlight .si,
.markdown-container .highlight .se {
    color: #8f5536;
}
.markdown-container .highlight .nn,
.markdown-container .highlight .nc,
.markdown-container .highlight .no {
    color: #f4bf75;
}
.markdown-container .highlight .na {
    color: #6a9fb5;
}
.markdown-container .highlight .m,
.markdown-container .highlight .mf,
.markdown-container .highlight .mh,
.markdown-container .highlight .mi,
.markdown-container .highlight .il,
.markdown-container .highlight .mo,
.markdown-container .highlight .mb,
.markdown-container .highlight .mx,
.markdown-container .highlight .ss {
    color: #90a959;
}
.markdown-container .highlighter-rouge {
    background: #303030 !important;
    border: 1px solid #303030;
    color: #d0d0d0;
}
.markdown-container pre {
    background-color: #f6f8fa;
    border-radius: 3px;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 85%;
    line-height: 1.45;
    margin-bottom: 0;
    margin-top: 0;
    overflow: auto;
    padding: 16px;
    word-wrap: normal;
}
.markdown-container pre > code {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    white-space: pre;
    word-break: normal;
}
.markdown-container pre code {
    background-color: transparent;
    border: 0;
    display: inline;
    line-height: inherit;
    margin: 0;
    max-width: auto;
    overflow: visible;
    padding: 0;
    word-wrap: normal;
}
.markdown-container .full-commit .btn-outline:not(:disabled):hover {
    border-color: #005cc5;
    color: #005cc5;
}
.markdown-container kbd {
    background-color: #fafbfc;
    border: solid 1px #d1d5da;
    border-bottom-color: #c6cbd1;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #c6cbd1;
    color: #444d56;
    display: inline-block;
    font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    line-height: 10px;
    padding: 3px 5px;
    vertical-align: middle;
}
.markdown-container :checked + .radio-label {
    border-color: #0366d6;
    position: relative;
    z-index: 1;
}
.markdown-container .task-list-item {
    list-style-type: none;
}
.markdown-container .task-list-item + .task-list-item {
    margin-top: 3px;
}
.markdown-container .task-list-item input {
    margin: 0 0.2em 0.25em -1.6em;
    vertical-align: middle;
}
.arrow {
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    animation: fading 300ms ease-in-out;
    -webkit-animation: fading 300ms ease-in-out;
    -ms-animation: fading 300ms ease-in-out;
    -moz-animation: fading 300ms ease-in-out;
    -o-animation: fading 300ms ease-in-out;
    bottom: 20px;
    height: auto;
    left: 50%;
    margin-left: -22.5px;
    position: absolute;
    width: 45px;
}
.arrow--scrolled {
    animation: fading 300ms ease-in-out;
    -webkit-animation: fading 300ms ease-in-out;
    -ms-animation: fading 300ms ease-in-out;
    -moz-animation: fading 300ms ease-in-out;
    -o-animation: fading 300ms ease-in-out;
    cursor: default;
    opacity: 0;
}
.bounce {
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -ms-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
/*
.buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}
*/

.buttons {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
	
button {
    background-color: #464646;
    border: 0;
    box-shadow: 0 3px 0 0 #141414;
    color: #fff;
    margin: 0.5em;
    outline: none;
    padding: 0.3em 0.8em;
    position: relative;
}
button.btn {
    box-shadow: unset !important;
}
button:active {
    box-shadow: none !important;
    top: 2;
}
button.alizarin {
    background-color: #e74c3c;
    box-shadow: 0 3px 0 0 rgba(231, 76, 60, 0.5);
}
button.amethyst {
    background-color: #9b59b6;
    box-shadow: 0 3px 0 0 rgba(155, 89, 182, 0.5);
}
button.aqua-blue {
    background-color: #006266;
    box-shadow: 0 3px 0 0 rgba(0, 98, 102, 0.5);
}
button.asbestos {
    background-color: #7f8c8d;
    box-shadow: 0 3px 0 0 rgba(127, 140, 141, 0.5);
}
button.belize-hole {
    background-color: #2980b9;
    box-shadow: 0 3px 0 0 rgba(41, 128, 185, 0.5);
}
button.black {
    background-color: #000;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.5);
}
button.blurple {
    background-color: #7289da;
    box-shadow: 0 3px 0 0 rgba(114, 137, 218, 0.5);
}
button.cardboard {
    background-color: #a58855;
    box-shadow: 0 3px 0 0 rgba(165, 136, 85, 0.5);
}
button.carrot {
    background-color: #e67e22;
    box-shadow: 0 3px 0 0 rgba(230, 126, 34, 0.5);
}
button.clouds {
    background-color: #ecf0f1;
    box-shadow: 0 3px 0 0 rgba(236, 240, 241, 0.5);
}
button.concrete {
    background-color: #95a5a6;
    box-shadow: 0 3px 0 0 rgba(149, 165, 166, 0.5);
}
button.cubered {
    background-color: #ef0c0c;
    box-shadow: 0 3px 0 0 rgba(239, 12, 12, 0.5);
}
button.dark-not-black {
    background-color: #2c2f33;
    box-shadow: 0 3px 0 0 rgba(44, 47, 51, 0.5);
}
button.dark {
    background-color: #343a40;
    box-shadow: 0 3px 0 0 rgba(52, 58, 64, 0.5);
}
button.disco-ball {
    background-color: #25ccf7;
    box-shadow: 0 3px 0 0 rgba(37, 204, 247, 0.5);
}
button.emerald {
    background-color: #2ecc71;
    box-shadow: 0 3px 0 0 rgba(46, 204, 113, 0.5);
}
button.energy-drink {
    background-color: #c4e538;
    box-shadow: 0 3px 0 0 rgba(196, 229, 56, 0.5);
}
button.fuchsia {
    background-color: #b33771;
    box-shadow: 0 3px 0 0 rgba(179, 55, 113, 0.5);
}
button.gold {
    background-color: gold;
    box-shadow: 0 3px 0 0 rgba(255, 215, 0, 0.5);
}
button.green-sea {
    background-color: #16a085;
    box-shadow: 0 3px 0 0 rgba(22, 160, 133, 0.5);
}
button.greyple {
    background-color: #99aab5;
    box-shadow: 0 3px 0 0 rgba(153, 170, 181, 0.5);
}
button.highlight {
    background-color: #181818;
    box-shadow: 0 3px 0 0 rgba(24, 24, 24, 0.5);
}
button.honey {
    background-color: #eab543;
    box-shadow: 0 3px 0 0 rgba(234, 181, 67, 0.5);
}
button.lavender {
    background-color: #b57edc;
    box-shadow: 0 3px 0 0 rgba(181, 126, 220, 0.5);
}
button.light {
    background-color: #f8f9fa;
    box-shadow: 0 3px 0 0 rgba(248, 249, 250, 0.5);
}
button.lemon {
    background-color: #ffeaa7;
    box-shadow: 0 3px 0 0 rgba(255, 234, 167, 0.5);
}
button.marine-blue {
    background-color: #0652dd;
    box-shadow: 0 3px 0 0 rgba(6, 82, 221, 0.5);
}
button.midnight-blue {
    background-color: #2c3e50;
    box-shadow: 0 3px 0 0 rgba(44, 62, 80, 0.5);
}
button.navy-blue {
    background-color: #182c61;
    box-shadow: 0 3px 0 0 rgba(24, 44, 97, 0.5);
}
button.nephritis-blue {
    background-color: #27ae60;
    box-shadow: 0 3px 0 0 rgba(39, 174, 96, 0.5);
}
button.not-black {
    background-color: #23272a;
    box-shadow: 0 3px 0 0 rgba(35, 39, 42, 0.5);
}
button.orange {
    background-color: #f39c12;
    box-shadow: 0 3px 0 0 rgba(243, 156, 18, 0.5);
}
button.peach {
    background-color: #f49898;
    box-shadow: 0 3px 0 0 rgba(244, 152, 152, 0.5);
}
button.peter-river {
    background-color: #3498db;
    box-shadow: 0 3px 0 0 rgba(52, 152, 219, 0.5);
}
button.pink-cherry {
    background-color: #e84393;
    box-shadow: 0 3px 0 0 rgba(232, 67, 147, 0.5);
}
button.pine {
    background-color: #bdc581;
    box-shadow: 0 3px 0 0 rgba(189, 197, 129, 0.5);
}
button.pinewood {
    background-color: #fdcb6e;
    box-shadow: 0 3px 0 0 rgba(253, 203, 110, 0.5);
}
button.pomegranate {
    background-color: #c0392b;
    box-shadow: 0 3px 0 0 rgba(192, 57, 43, 0.5);
}
button.primary {
    background-color: #282828;
    box-shadow: 0 3px 0 0 rgba(40, 40, 40, 0.5);
}
button.pumpkin {
    background-color: #d35400;
    box-shadow: 0 3px 0 0 rgba(211, 84, 0, 0.5);
}
button.rasberry {
    background-color: #c51d4a;
    box-shadow: 0 3px 0 0 rgba(197, 29, 74, 0.5);
}
button.raw-purple {
    background-color: #7222c9;
    box-shadow: 0 3px 0 0 rgba(114, 34, 201, 0.5);
}
button.secondary {
    background-color: #303030;
    box-shadow: 0 3px 0 0 rgba(48, 48, 48, 0.5);
}
button.silver {
    background-color: #7f8c8d;
    box-shadow: 0 3px 0 0 rgba(127, 140, 141, 0.5);
}
button.soft-purple {
    background-color: #6c5ce7;
    box-shadow: 0 3px 0 0 rgba(108, 92, 231, 0.5);
}
button.sun-flower {
    background-color: #f1c40f;
    box-shadow: 0 3px 0 0 rgba(241, 196, 15, 0.5);
}
button.transparent {
    background-color: transparent;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.5);
}
button.turquoise {
    background-color: #1abc9c;
    box-shadow: 0 3px 0 0 rgba(26, 188, 156, 0.5);
}
button.watermelon {
    background-color: #ff4757;
    box-shadow: 0 3px 0 0 rgba(255, 71, 87, 0.5);
}
button.wet-asphalt {
    background-color: #34495e;
    box-shadow: 0 3px 0 0 rgba(52, 73, 94, 0.5);
}
button.white {
    background-color: #fff;
    box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.5);
}
button.wisteria {
    background-color: #8e44ad;
    box-shadow: 0 3px 0 0 rgba(142, 68, 173, 0.5);
}
button.amazon {
    background-color: #f90;
    box-shadow: 0 3px 0 0 rgba(255, 153, 0, 0.5);
}
button.android {
    background-color: #8ec047;
    box-shadow: 0 3px 0 0 rgba(142, 192, 71, 0.5);
}
button.bandcamp {
    background-color: #619aa9;
    box-shadow: 0 3px 0 0 rgba(97, 154, 169, 0.5);
}
button.deviantart {
    background-color: #05cc47;
    box-shadow: 0 3px 0 0 rgba(5, 204, 71, 0.5);
}
button.discord {
    background-color: #7289da;
    box-shadow: 0 3px 0 0 rgba(114, 137, 218, 0.5);
}
button.facebook {
    background-color: #3b5998;
    box-shadow: 0 3px 0 0 rgba(59, 89, 152, 0.5);
}
button.gitea {
    background-color: #5aa509;
    box-shadow: 0 3px 0 0 rgba(90, 165, 9, 0.5);
}
button.github {
    background-color: #292d32;
    box-shadow: 0 3px 0 0 rgba(41, 45, 50, 0.5);
}
button.gitlab {
    background-color: #fc6d26;
    box-shadow: 0 3px 0 0 rgba(252, 109, 38, 0.5);
}
button.google {
    background-color: #4285f4;
    box-shadow: 0 3px 0 0 rgba(66, 133, 244, 0.5);
}
button.googleplus {
    background-color: #db4437;
    box-shadow: 0 3px 0 0 rgba(219, 68, 55, 0.5);
}
button.instagram {
    background-color: #c32aa3;
    box-shadow: 0 3px 0 0 rgba(195, 42, 163, 0.5);
}
button.line {
    background-color: #00b901;
    box-shadow: 0 3px 0 0 rgba(0, 185, 1, 0.5);
}
button.linkedin {
    background-color: #007bb5;
    box-shadow: 0 3px 0 0 rgba(0, 123, 181, 0.5);
}
button.npm {
    background-color: #c12127;
    box-shadow: 0 3px 0 0 rgba(193, 33, 39, 0.5);
}
button.patreon {
    background-color: #f96854;
    box-shadow: 0 3px 0 0 rgba(249, 104, 84, 0.5);
}
button.paypal {
    background-color: #1e9cd7;
    box-shadow: 0 3px 0 0 rgba(30, 156, 215, 0.5);
}
button.pinterest {
    background-color: #bd081c;
    box-shadow: 0 3px 0 0 rgba(189, 8, 28, 0.5);
}
button.reddit {
    background-color: #ff4500;
    box-shadow: 0 3px 0 0 rgba(255, 69, 0, 0.5);
}
button.skype {
    background-color: #41a6ed;
    box-shadow: 0 3px 0 0 rgba(65, 166, 237, 0.5);
}
button.slack {
    background-color: #4d394b;
    box-shadow: 0 3px 0 0 rgba(77, 57, 75, 0.5);
}
button.snapchat {
    background-color: #fffc00;
    box-shadow: 0 3px 0 0 rgba(255, 252, 0, 0.5);
}
button.soundcloud {
    background-color: #f50;
    box-shadow: 0 3px 0 0 rgba(255, 85, 0, 0.5);
}
button.spotify {
    background-color: #1ed760;
    box-shadow: 0 3px 0 0 rgba(30, 215, 96, 0.5);
}
button.steam {
    background-color: #171a21;
    box-shadow: 0 3px 0 0 rgba(23, 26, 33, 0.5);
}
button.telegram {
    background-color: #08c;
    box-shadow: 0 3px 0 0 rgba(0, 136, 204, 0.5);
}
button.tumblr {
    background-color: #35465d;
    box-shadow: 0 3px 0 0 rgba(53, 70, 93, 0.5);
}
button.twitch {
    background-color: #6441a4;
    box-shadow: 0 3px 0 0 rgba(100, 65, 164, 0.5);
}
button.twitter {
    background-color: #1da1f2;
    box-shadow: 0 3px 0 0 rgba(29, 161, 242, 0.5);
}
button.viber {
    background-color: #7f4d9b;
    box-shadow: 0 3px 0 0 rgba(127, 77, 155, 0.5);
}
button.whatsapp {
    background-color: #25d366;
    box-shadow: 0 3px 0 0 rgba(37, 211, 102, 0.5);
}
button.youtube {
    background-color: red;
    box-shadow: 0 3px 0 0 rgba(255, 0, 0, 0.5);
}
.btn,
input[type="submit"] {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    background-color: transparent;
    border: 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin: 0.5em;
    padding: 0 30px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.btn.alizarin,
input[type="submit"].alizarin {
    background-color: #e74c3c;
}
.btn.alizarin-dropshadow,
input[type="submit"].alizarin-dropshadow {
    background-color: #e74c3c;
    filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.alizarin-dropshadow:hover,
input[type="submit"].alizarin-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6)) brightness(50%);
}
.btn.alizarin-border,
input[type="submit"].alizarin-border {
    border: 3px solid #e74c3c;
    height: auto;
}
.btn.amethyst,
input[type="submit"].amethyst {
    background-color: #9b59b6;
}
.btn.amethyst-dropshadow,
input[type="submit"].amethyst-dropshadow {
    background-color: #9b59b6;
    filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.amethyst-dropshadow:hover,
input[type="submit"].amethyst-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6)) brightness(50%);
}
.btn.amethyst-border,
input[type="submit"].amethyst-border {
    border: 3px solid #9b59b6;
    height: auto;
}
.btn.aqua-blue,
input[type="submit"].aqua-blue {
    background-color: #006266;
}
.btn.aqua-blue-dropshadow,
input[type="submit"].aqua-blue-dropshadow {
    background-color: #006266;
    filter: drop-shadow(5px 5px 0 rgba(0, 98, 102, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.aqua-blue-dropshadow:hover,
input[type="submit"].aqua-blue-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(0, 98, 102, 0.6)) brightness(50%);
}
.btn.aqua-blue-border,
input[type="submit"].aqua-blue-border {
    border: 3px solid #006266;
    height: auto;
}
.btn.asbestos,
input[type="submit"].asbestos {
    background-color: #7f8c8d;
}
.btn.asbestos-dropshadow,
input[type="submit"].asbestos-dropshadow {
    background-color: #7f8c8d;
    filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.asbestos-dropshadow:hover,
input[type="submit"].asbestos-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)) brightness(50%);
}
.btn.asbestos-border,
input[type="submit"].asbestos-border {
    border: 3px solid #7f8c8d;
    height: auto;
}
.btn.belize-hole,
input[type="submit"].belize-hole {
    background-color: #2980b9;
}
.btn.belize-hole-dropshadow,
input[type="submit"].belize-hole-dropshadow {
    background-color: #2980b9;
    filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.belize-hole-dropshadow:hover,
input[type="submit"].belize-hole-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6)) brightness(50%);
}
.btn.belize-hole-border,
input[type="submit"].belize-hole-border {
    border: 3px solid #2980b9;
    height: auto;
}
.btn.black,
input[type="submit"].black {
    background-color: #000;
}
.btn.black-dropshadow,
input[type="submit"].black-dropshadow {
    background-color: #000;
    filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.black-dropshadow:hover,
input[type="submit"].black-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)) brightness(50%);
}
.btn.black-border,
input[type="submit"].black-border {
    border: 3px solid #000;
    height: auto;
}
.btn.blurple,
input[type="submit"].blurple {
    background-color: #7289da;
}
.btn.blurple-dropshadow,
input[type="submit"].blurple-dropshadow {
    background-color: #7289da;
    filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.blurple-dropshadow:hover,
input[type="submit"].blurple-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6)) brightness(50%);
}
.btn.blurple-border,
input[type="submit"].blurple-border {
    border: 3px solid #7289da;
    height: auto;
}
.btn.cardboard,
input[type="submit"].cardboard {
    background-color: #a58855;
}
.btn.cardboard-dropshadow,
input[type="submit"].cardboard-dropshadow {
    background-color: #a58855;
    filter: drop-shadow(5px 5px 0 rgba(165, 136, 85, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.cardboard-dropshadow:hover,
input[type="submit"].cardboard-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(165, 136, 85, 0.6)) brightness(50%);
}
.btn.cardboard-border,
input[type="submit"].cardboard-border {
    border: 3px solid #a58855;
    height: auto;
}
.btn.carrot,
input[type="submit"].carrot {
    background-color: #e67e22;
}
.btn.carrot-dropshadow,
input[type="submit"].carrot-dropshadow {
    background-color: #e67e22;
    filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.carrot-dropshadow:hover,
input[type="submit"].carrot-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6)) brightness(50%);
}
.btn.carrot-border,
input[type="submit"].carrot-border {
    border: 3px solid #e67e22;
    height: auto;
}
.btn.clouds,
input[type="submit"].clouds {
    background-color: #ecf0f1;
}
.btn.clouds-dropshadow,
input[type="submit"].clouds-dropshadow {
    background-color: #ecf0f1;
    filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.clouds-dropshadow:hover,
input[type="submit"].clouds-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6)) brightness(50%);
}
.btn.clouds-border,
input[type="submit"].clouds-border {
    border: 3px solid #ecf0f1;
    height: auto;
}
.btn.concrete,
input[type="submit"].concrete {
    background-color: #95a5a6;
}
.btn.concrete-dropshadow,
input[type="submit"].concrete-dropshadow {
    background-color: #95a5a6;
    filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.concrete-dropshadow:hover,
input[type="submit"].concrete-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6)) brightness(50%);
}
.btn.concrete-border,
input[type="submit"].concrete-border {
    border: 3px solid #95a5a6;
    height: auto;
}
.btn.cubered,
input[type="submit"].cubered {
    background-color: #ef0c0c;
}
.btn.cubered-dropshadow,
input[type="submit"].cubered-dropshadow {
    background-color: #ef0c0c;
    filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.cubered-dropshadow:hover,
input[type="submit"].cubered-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6)) brightness(50%);
}
.btn.cubered-border,
input[type="submit"].cubered-border {
    border: 3px solid #ef0c0c;
    height: auto;
}
.btn.dark-not-black,
input[type="submit"].dark-not-black {
    background-color: #2c2f33;
}
.btn.dark-not-black-dropshadow,
input[type="submit"].dark-not-black-dropshadow {
    background-color: #2c2f33;
    filter: drop-shadow(5px 5px 0 rgba(44, 47, 51, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.dark-not-black-dropshadow:hover,
input[type="submit"].dark-not-black-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(44, 47, 51, 0.6)) brightness(50%);
}
.btn.dark-not-black-border,
input[type="submit"].dark-not-black-border {
    border: 3px solid #2c2f33;
    height: auto;
}
.btn.dark,
input[type="submit"].dark {
    background-color: #343a40;
}
.btn.dark-dropshadow,
input[type="submit"].dark-dropshadow {
    background-color: #343a40;
    filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.dark-dropshadow:hover,
input[type="submit"].dark-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6)) brightness(50%);
}
.btn.dark-border,
input[type="submit"].dark-border {
    border: 3px solid #343a40;
    height: auto;
}
.btn.disco-ball,
input[type="submit"].disco-ball {
    background-color: #25ccf7;
}
.btn.disco-ball-dropshadow,
input[type="submit"].disco-ball-dropshadow {
    background-color: #25ccf7;
    filter: drop-shadow(5px 5px 0 rgba(37, 204, 247, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.disco-ball-dropshadow:hover,
input[type="submit"].disco-ball-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(37, 204, 247, 0.6)) brightness(50%);
}
.btn.disco-ball-border,
input[type="submit"].disco-ball-border {
    border: 3px solid #25ccf7;
    height: auto;
}
.btn.emerald,
input[type="submit"].emerald {
    background-color: #2ecc71;
}
.btn.emerald-dropshadow,
input[type="submit"].emerald-dropshadow {
    background-color: #2ecc71;
    filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.emerald-dropshadow:hover,
input[type="submit"].emerald-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6)) brightness(50%);
}
.btn.emerald-border,
input[type="submit"].emerald-border {
    border: 3px solid #2ecc71;
    height: auto;
}
.btn.energy-drink,
input[type="submit"].energy-drink {
    background-color: #c4e538;
}
.btn.energy-drink-dropshadow,
input[type="submit"].energy-drink-dropshadow {
    background-color: #c4e538;
    filter: drop-shadow(5px 5px 0 rgba(196, 229, 56, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.energy-drink-dropshadow:hover,
input[type="submit"].energy-drink-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(196, 229, 56, 0.6)) brightness(50%);
}
.btn.energy-drink-border,
input[type="submit"].energy-drink-border {
    border: 3px solid #c4e538;
    height: auto;
}
.btn.fuchsia,
input[type="submit"].fuchsia {
    background-color: #b33771;
}
.btn.fuchsia-dropshadow,
input[type="submit"].fuchsia-dropshadow {
    background-color: #b33771;
    filter: drop-shadow(5px 5px 0 rgba(179, 55, 113, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.fuchsia-dropshadow:hover,
input[type="submit"].fuchsia-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(179, 55, 113, 0.6)) brightness(50%);
}
.btn.fuchsia-border,
input[type="submit"].fuchsia-border {
    border: 3px solid #b33771;
    height: auto;
}
.btn.gold,
input[type="submit"].gold {
    background-color: gold;
}
.btn.gold-dropshadow,
input[type="submit"].gold-dropshadow {
    background-color: gold;
    filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.gold-dropshadow:hover,
input[type="submit"].gold-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6)) brightness(50%);
}
.btn.gold-border,
input[type="submit"].gold-border {
    border: 3px solid gold;
    height: auto;
}
.btn.green-sea,
input[type="submit"].green-sea {
    background-color: #16a085;
}
.btn.green-sea-dropshadow,
input[type="submit"].green-sea-dropshadow {
    background-color: #16a085;
    filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.green-sea-dropshadow:hover,
input[type="submit"].green-sea-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6)) brightness(50%);
}
.btn.green-sea-border,
input[type="submit"].green-sea-border {
    border: 3px solid #16a085;
    height: auto;
}
.btn.greyple,
input[type="submit"].greyple {
    background-color: #99aab5;
}
.btn.greyple-dropshadow,
input[type="submit"].greyple-dropshadow {
    background-color: #99aab5;
    filter: drop-shadow(5px 5px 0 rgba(153, 170, 181, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.greyple-dropshadow:hover,
input[type="submit"].greyple-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(153, 170, 181, 0.6)) brightness(50%);
}
.btn.greyple-border,
input[type="submit"].greyple-border {
    border: 3px solid #99aab5;
    height: auto;
}
.btn.highlight,
input[type="submit"].highlight {
    background-color: #181818;
}
.btn.highlight-dropshadow,
input[type="submit"].highlight-dropshadow {
    background-color: #181818;
    filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.highlight-dropshadow:hover,
input[type="submit"].highlight-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6)) brightness(50%);
}
.btn.highlight-border,
input[type="submit"].highlight-border {
    border: 3px solid #181818;
    height: auto;
}
.btn.honey,
input[type="submit"].honey {
    background-color: #eab543;
}
.btn.honey-dropshadow,
input[type="submit"].honey-dropshadow {
    background-color: #eab543;
    filter: drop-shadow(5px 5px 0 rgba(234, 181, 67, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.honey-dropshadow:hover,
input[type="submit"].honey-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(234, 181, 67, 0.6)) brightness(50%);
}
.btn.honey-border,
input[type="submit"].honey-border {
    border: 3px solid #eab543;
    height: auto;
}
.btn.lavender,
input[type="submit"].lavender {
    background-color: #b57edc;
}
.btn.lavender-dropshadow,
input[type="submit"].lavender-dropshadow {
    background-color: #b57edc;
    filter: drop-shadow(5px 5px 0 rgba(181, 126, 220, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.lavender-dropshadow:hover,
input[type="submit"].lavender-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(181, 126, 220, 0.6)) brightness(50%);
}
.btn.lavender-border,
input[type="submit"].lavender-border {
    border: 3px solid #b57edc;
    height: auto;
}
.btn.light,
input[type="submit"].light {
    background-color: #f8f9fa;
}
.btn.light-dropshadow,
input[type="submit"].light-dropshadow {
    background-color: #f8f9fa;
    filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.light-dropshadow:hover,
input[type="submit"].light-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6)) brightness(50%);
}
.btn.light-border,
input[type="submit"].light-border {
    border: 3px solid #f8f9fa;
    height: auto;
}
.btn.lemon,
input[type="submit"].lemon {
    background-color: #ffeaa7;
}
.btn.lemon-dropshadow,
input[type="submit"].lemon-dropshadow {
    background-color: #ffeaa7;
    filter: drop-shadow(5px 5px 0 rgba(255, 234, 167, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.lemon-dropshadow:hover,
input[type="submit"].lemon-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(255, 234, 167, 0.6)) brightness(50%);
}
.btn.lemon-border,
input[type="submit"].lemon-border {
    border: 3px solid #ffeaa7;
    height: auto;
}
.btn.marine-blue,
input[type="submit"].marine-blue {
    background-color: #0652dd;
}
.btn.marine-blue-dropshadow,
input[type="submit"].marine-blue-dropshadow {
    background-color: #0652dd;
    filter: drop-shadow(5px 5px 0 rgba(6, 82, 221, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.marine-blue-dropshadow:hover,
input[type="submit"].marine-blue-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(6, 82, 221, 0.6)) brightness(50%);
}
.btn.marine-blue-border,
input[type="submit"].marine-blue-border {
    border: 3px solid #0652dd;
    height: auto;
}
.btn.midnight-blue,
input[type="submit"].midnight-blue {
    background-color: #2c3e50;
}
.btn.midnight-blue-dropshadow,
input[type="submit"].midnight-blue-dropshadow {
    background-color: #2c3e50;
    filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.midnight-blue-dropshadow:hover,
input[type="submit"].midnight-blue-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6)) brightness(50%);
}
.btn.midnight-blue-border,
input[type="submit"].midnight-blue-border {
    border: 3px solid #2c3e50;
    height: auto;
}
.btn.navy-blue,
input[type="submit"].navy-blue {
    background-color: #182c61;
}
.btn.navy-blue-dropshadow,
input[type="submit"].navy-blue-dropshadow {
    background-color: #182c61;
    filter: drop-shadow(5px 5px 0 rgba(24, 44, 97, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.navy-blue-dropshadow:hover,
input[type="submit"].navy-blue-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(24, 44, 97, 0.6)) brightness(50%);
}
.btn.navy-blue-border,
input[type="submit"].navy-blue-border {
    border: 3px solid #182c61;
    height: auto;
}
.btn.nephritis-blue,
input[type="submit"].nephritis-blue {
    background-color: #27ae60;
}
.btn.nephritis-blue-dropshadow,
input[type="submit"].nephritis-blue-dropshadow {
    background-color: #27ae60;
    filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.nephritis-blue-dropshadow:hover,
input[type="submit"].nephritis-blue-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6)) brightness(50%);
}
.btn.nephritis-blue-border,
input[type="submit"].nephritis-blue-border {
    border: 3px solid #27ae60;
    height: auto;
}
.btn.not-black,
input[type="submit"].not-black {
    background-color: #23272a;
}
.btn.not-black-dropshadow,
input[type="submit"].not-black-dropshadow {
    background-color: #23272a;
    filter: drop-shadow(5px 5px 0 rgba(35, 39, 42, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.not-black-dropshadow:hover,
input[type="submit"].not-black-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(35, 39, 42, 0.6)) brightness(50%);
}
.btn.not-black-border,
input[type="submit"].not-black-border {
    border: 3px solid #23272a;
    height: auto;
}
.btn.orange,
input[type="submit"].orange {
    background-color: #f39c12;
}
.btn.orange-dropshadow,
input[type="submit"].orange-dropshadow {
    background-color: #f39c12;
    filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.orange-dropshadow:hover,
input[type="submit"].orange-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6)) brightness(50%);
}
.btn.orange-border,
input[type="submit"].orange-border {
    border: 3px solid #f39c12;
    height: auto;
}
.btn.peach,
input[type="submit"].peach {
    background-color: #f49898;
}
.btn.peach-dropshadow,
input[type="submit"].peach-dropshadow {
    background-color: #f49898;
    filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.peach-dropshadow:hover,
input[type="submit"].peach-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6)) brightness(50%);
}
.btn.peach-border,
input[type="submit"].peach-border {
    border: 3px solid #f49898;
    height: auto;
}
.btn.peter-river,
input[type="submit"].peter-river {
    background-color: #3498db;
}
.btn.peter-river-dropshadow,
input[type="submit"].peter-river-dropshadow {
    background-color: #3498db;
    filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.peter-river-dropshadow:hover,
input[type="submit"].peter-river-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6)) brightness(50%);
}
.btn.peter-river-border,
input[type="submit"].peter-river-border {
    border: 3px solid #3498db;
    height: auto;
}
.btn.pink-cherry,
input[type="submit"].pink-cherry {
    background-color: #e84393;
}
.btn.pink-cherry-dropshadow,
input[type="submit"].pink-cherry-dropshadow {
    background-color: #e84393;
    filter: drop-shadow(5px 5px 0 rgba(232, 67, 147, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.pink-cherry-dropshadow:hover,
input[type="submit"].pink-cherry-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(232, 67, 147, 0.6)) brightness(50%);
}
.btn.pink-cherry-border,
input[type="submit"].pink-cherry-border {
    border: 3px solid #e84393;
    height: auto;
}
.btn.pine,
input[type="submit"].pine {
    background-color: #bdc581;
}
.btn.pine-dropshadow,
input[type="submit"].pine-dropshadow {
    background-color: #bdc581;
    filter: drop-shadow(5px 5px 0 rgba(189, 197, 129, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.pine-dropshadow:hover,
input[type="submit"].pine-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(189, 197, 129, 0.6)) brightness(50%);
}
.btn.pine-border,
input[type="submit"].pine-border {
    border: 3px solid #bdc581;
    height: auto;
}
.btn.pinewood,
input[type="submit"].pinewood {
    background-color: #fdcb6e;
}
.btn.pinewood-dropshadow,
input[type="submit"].pinewood-dropshadow {
    background-color: #fdcb6e;
    filter: drop-shadow(5px 5px 0 rgba(253, 203, 110, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.pinewood-dropshadow:hover,
input[type="submit"].pinewood-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(253, 203, 110, 0.6)) brightness(50%);
}
.btn.pinewood-border,
input[type="submit"].pinewood-border {
    border: 3px solid #fdcb6e;
    height: auto;
}
.btn.pomegranate,
input[type="submit"].pomegranate {
    background-color: #c0392b;
}
.btn.pomegranate-dropshadow,
input[type="submit"].pomegranate-dropshadow {
    background-color: #c0392b;
    filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.pomegranate-dropshadow:hover,
input[type="submit"].pomegranate-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6)) brightness(50%);
}
.btn.pomegranate-border,
input[type="submit"].pomegranate-border {
    border: 3px solid #c0392b;
    height: auto;
}
.btn.primary,
input[type="submit"].primary {
    background-color: #282828;
}
.btn.primary-dropshadow,
input[type="submit"].primary-dropshadow {
    background-color: #282828;
    filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.primary-dropshadow:hover,
input[type="submit"].primary-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6)) brightness(50%);
}
.btn.primary-border,
input[type="submit"].primary-border {
    border: 3px solid #282828;
    height: auto;
}
.btn.pumpkin,
input[type="submit"].pumpkin {
    background-color: #d35400;
}
.btn.pumpkin-dropshadow,
input[type="submit"].pumpkin-dropshadow {
    background-color: #d35400;
    filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.pumpkin-dropshadow:hover,
input[type="submit"].pumpkin-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6)) brightness(50%);
}
.btn.pumpkin-border,
input[type="submit"].pumpkin-border {
    border: 3px solid #d35400;
    height: auto;
}
.btn.rasberry,
input[type="submit"].rasberry {
    background-color: #c51d4a;
}
.btn.rasberry-dropshadow,
input[type="submit"].rasberry-dropshadow {
    background-color: #c51d4a;
    filter: drop-shadow(5px 5px 0 rgba(197, 29, 74, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.rasberry-dropshadow:hover,
input[type="submit"].rasberry-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(197, 29, 74, 0.6)) brightness(50%);
}
.btn.rasberry-border,
input[type="submit"].rasberry-border {
    border: 3px solid #c51d4a;
    height: auto;
}
.btn.raw-purple,
input[type="submit"].raw-purple {
    background-color: #7222c9;
}
.btn.raw-purple-dropshadow,
input[type="submit"].raw-purple-dropshadow {
    background-color: #7222c9;
    filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.raw-purple-dropshadow:hover,
input[type="submit"].raw-purple-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6)) brightness(50%);
}
.btn.raw-purple-border,
input[type="submit"].raw-purple-border {
    border: 3px solid #7222c9;
    height: auto;
}
.btn.secondary,
input[type="submit"].secondary {
    background-color: #303030;
}
.btn.secondary-dropshadow,
input[type="submit"].secondary-dropshadow {
    background-color: #303030;
    filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.secondary-dropshadow:hover,
input[type="submit"].secondary-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6)) brightness(50%);
}
.btn.secondary-border,
input[type="submit"].secondary-border {
    border: 3px solid #303030;
    height: auto;
}
.btn.silver,
input[type="submit"].silver {
    background-color: #7f8c8d;
}
.btn.silver-dropshadow,
input[type="submit"].silver-dropshadow {
    background-color: #7f8c8d;
    filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.silver-dropshadow:hover,
input[type="submit"].silver-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6)) brightness(50%);
}
.btn.silver-border,
input[type="submit"].silver-border {
    border: 3px solid #7f8c8d;
    height: auto;
}
.btn.soft-purple,
input[type="submit"].soft-purple {
    background-color: #6c5ce7;
}
.btn.soft-purple-dropshadow,
input[type="submit"].soft-purple-dropshadow {
    background-color: #6c5ce7;
    filter: drop-shadow(5px 5px 0 rgba(108, 92, 231, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.soft-purple-dropshadow:hover,
input[type="submit"].soft-purple-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(108, 92, 231, 0.6)) brightness(50%);
}
.btn.soft-purple-border,
input[type="submit"].soft-purple-border {
    border: 3px solid #6c5ce7;
    height: auto;
}
.btn.sun-flower,
input[type="submit"].sun-flower {
    background-color: #f1c40f;
}
.btn.sun-flower-dropshadow,
input[type="submit"].sun-flower-dropshadow {
    background-color: #f1c40f;
    filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.sun-flower-dropshadow:hover,
input[type="submit"].sun-flower-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6)) brightness(50%);
}
.btn.sun-flower-border,
input[type="submit"].sun-flower-border {
    border: 3px solid #f1c40f;
    height: auto;
}
.btn.transparent,
input[type="submit"].transparent {
    background-color: transparent;
}
.btn.transparent-dropshadow,
input[type="submit"].transparent-dropshadow {
    background-color: transparent;
    filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.transparent-dropshadow:hover,
input[type="submit"].transparent-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)) brightness(50%);
}
.btn.transparent-border,
input[type="submit"].transparent-border {
    border: 3px solid transparent;
    height: auto;
}
.btn.turquoise,
input[type="submit"].turquoise {
    background-color: #1abc9c;
}
.btn.turquoise-dropshadow,
input[type="submit"].turquoise-dropshadow {
    background-color: #1abc9c;
    filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.turquoise-dropshadow:hover,
input[type="submit"].turquoise-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6)) brightness(50%);
}
.btn.turquoise-border,
input[type="submit"].turquoise-border {
    border: 3px solid #1abc9c;
    height: auto;
}
.btn.watermelon,
input[type="submit"].watermelon {
    background-color: #ff4757;
}
.btn.watermelon-dropshadow,
input[type="submit"].watermelon-dropshadow {
    background-color: #ff4757;
    filter: drop-shadow(5px 5px 0 rgba(255, 71, 87, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.watermelon-dropshadow:hover,
input[type="submit"].watermelon-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(255, 71, 87, 0.6)) brightness(50%);
}
.btn.watermelon-border,
input[type="submit"].watermelon-border {
    border: 3px solid #ff4757;
    height: auto;
}
.btn.wet-asphalt,
input[type="submit"].wet-asphalt {
    background-color: #34495e;
}
.btn.wet-asphalt-dropshadow,
input[type="submit"].wet-asphalt-dropshadow {
    background-color: #34495e;
    filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.wet-asphalt-dropshadow:hover,
input[type="submit"].wet-asphalt-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6)) brightness(50%);
}
.btn.wet-asphalt-border,
input[type="submit"].wet-asphalt-border {
    border: 3px solid #34495e;
    height: auto;
}
.btn.white,
input[type="submit"].white {
    background-color: #fff;
}
.btn.white-dropshadow,
input[type="submit"].white-dropshadow {
    background-color: #fff;
    filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.white-dropshadow:hover,
input[type="submit"].white-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6)) brightness(50%);
}
.btn.white-border,
input[type="submit"].white-border {
    border: 3px solid #fff;
    height: auto;
}
.btn.wisteria,
input[type="submit"].wisteria {
    background-color: #8e44ad;
}
.btn.wisteria-dropshadow,
input[type="submit"].wisteria-dropshadow {
    background-color: #8e44ad;
    filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.wisteria-dropshadow:hover,
input[type="submit"].wisteria-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6)) brightness(50%);
}
.btn.wisteria-border,
input[type="submit"].wisteria-border {
    border: 3px solid #8e44ad;
    height: auto;
}
.btn.amazon,
input[type="submit"].amazon {
    background-color: #f90;
}
.btn.amazon-dropshadow,
input[type="submit"].amazon-dropshadow {
    background-color: #f90;
    filter: drop-shadow(5px 5px 0 rgba(255, 153, 0, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.amazon-dropshadow:hover,
input[type="submit"].amazon-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(255, 153, 0, 0.6)) brightness(50%);
}
.btn.amazon-border,
input[type="submit"].amazon-border {
    border: 3px solid #f90;
    height: auto;
}
.btn.android,
input[type="submit"].android {
    background-color: #8ec047;
}
.btn.android-dropshadow,
input[type="submit"].android-dropshadow {
    background-color: #8ec047;
    filter: drop-shadow(5px 5px 0 rgba(142, 192, 71, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.android-dropshadow:hover,
input[type="submit"].android-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(142, 192, 71, 0.6)) brightness(50%);
}
.btn.android-border,
input[type="submit"].android-border {
    border: 3px solid #8ec047;
    height: auto;
}
.btn.bandcamp,
input[type="submit"].bandcamp {
    background-color: #619aa9;
}
.btn.bandcamp-dropshadow,
input[type="submit"].bandcamp-dropshadow {
    background-color: #619aa9;
    filter: drop-shadow(5px 5px 0 rgba(97, 154, 169, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.bandcamp-dropshadow:hover,
input[type="submit"].bandcamp-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(97, 154, 169, 0.6)) brightness(50%);
}
.btn.bandcamp-border,
input[type="submit"].bandcamp-border {
    border: 3px solid #619aa9;
    height: auto;
}
.btn.deviantart,
input[type="submit"].deviantart {
    background-color: #05cc47;
}
.btn.deviantart-dropshadow,
input[type="submit"].deviantart-dropshadow {
    background-color: #05cc47;
    filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.deviantart-dropshadow:hover,
input[type="submit"].deviantart-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6)) brightness(50%);
}
.btn.deviantart-border,
input[type="submit"].deviantart-border {
    border: 3px solid #05cc47;
    height: auto;
}
.btn.discord,
input[type="submit"].discord {
    background-color: #7289da;
}
.btn.discord-dropshadow,
input[type="submit"].discord-dropshadow {
    background-color: #5865F2;
    filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.discord-dropshadow:hover,
input[type="submit"].discord-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6)) brightness(50%);
}
.btn.discord-border,
input[type="submit"].discord-border {
    border: 3px solid #7289da;
    height: auto;
}
.btn.facebook,
input[type="submit"].facebook {
    background-color: #3b5998;
}
.btn.facebook-dropshadow,
input[type="submit"].facebook-dropshadow {
    background-color: #3b5998;
    filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.facebook-dropshadow:hover,
input[type="submit"].facebook-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6)) brightness(50%);
}
.btn.facebook-border,
input[type="submit"].facebook-border {
    border: 3px solid #3b5998;
    height: auto;
}
.btn.gitea,
input[type="submit"].gitea {
    background-color: #5aa509;
}
.btn.gitea-dropshadow,
input[type="submit"].gitea-dropshadow {
    background-color: #5aa509;
    filter: drop-shadow(5px 5px 0 rgba(90, 165, 9, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.gitea-dropshadow:hover,
input[type="submit"].gitea-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(90, 165, 9, 0.6)) brightness(50%);
}
.btn.gitea-border,
input[type="submit"].gitea-border {
    border: 3px solid #5aa509;
    height: auto;
}
.btn.github,
input[type="submit"].github {
    background-color: #292d32;
}
.btn.github-dropshadow,
input[type="submit"].github-dropshadow {
    background-color: #292d32;
    filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.github-dropshadow:hover,
input[type="submit"].github-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6)) brightness(50%);
}
.btn.github-border,
input[type="submit"].github-border {
    border: 3px solid #292d32;
    height: auto;
}
.btn.gitlab,
input[type="submit"].gitlab {
    background-color: #fc6d26;
}
.btn.gitlab-dropshadow,
input[type="submit"].gitlab-dropshadow {
    background-color: #fc6d26;
    filter: drop-shadow(5px 5px 0 rgba(252, 109, 38, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.gitlab-dropshadow:hover,
input[type="submit"].gitlab-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(252, 109, 38, 0.6)) brightness(50%);
}
.btn.gitlab-border,
input[type="submit"].gitlab-border {
    border: 3px solid #fc6d26;
    height: auto;
}
.btn.google,
input[type="submit"].google {
    background-color: #4285f4;
}
.btn.google-dropshadow,
input[type="submit"].google-dropshadow {
    background-color: #4285f4;
    filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.google-dropshadow:hover,
input[type="submit"].google-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6)) brightness(50%);
}
.btn.google-border,
input[type="submit"].google-border {
    border: 3px solid #4285f4;
    height: auto;
}
.btn.googleplus,
input[type="submit"].googleplus {
    background-color: #db4437;
}
.btn.googleplus-dropshadow,
input[type="submit"].googleplus-dropshadow {
    background-color: #db4437;
    filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.googleplus-dropshadow:hover,
input[type="submit"].googleplus-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6)) brightness(50%);
}
.btn.googleplus-border,
input[type="submit"].googleplus-border {
    border: 3px solid #db4437;
    height: auto;
}
.btn.instagram,
input[type="submit"].instagram {
    background-color: #c32aa3;
}
.btn.instagram-dropshadow,
input[type="submit"].instagram-dropshadow {
    background-color: #c32aa3;
    filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.instagram-dropshadow:hover,
input[type="submit"].instagram-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6)) brightness(50%);
}
.btn.instagram-border,
input[type="submit"].instagram-border {
    border: 3px solid #c32aa3;
    height: auto;
}
.btn.line,
input[type="submit"].line {
    background-color: #00b901;
}
.btn.line-dropshadow,
input[type="submit"].line-dropshadow {
    background-color: #00b901;
    filter: drop-shadow(5px 5px 0 rgba(0, 185, 1, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.line-dropshadow:hover,
input[type="submit"].line-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(0, 185, 1, 0.6)) brightness(50%);
}
.btn.line-border,
input[type="submit"].line-border {
    border: 3px solid #00b901;
    height: auto;
}
.btn.linkedin,
input[type="submit"].linkedin {
    background-color: #007bb5;
}
.btn.linkedin-dropshadow,
input[type="submit"].linkedin-dropshadow {
    background-color: #007bb5;
    filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.linkedin-dropshadow:hover,
input[type="submit"].linkedin-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6)) brightness(50%);
}
.btn.linkedin-border,
input[type="submit"].linkedin-border {
    border: 3px solid #007bb5;
    height: auto;
}
.btn.npm,
input[type="submit"].npm {
    background-color: #c12127;
}
.btn.npm-dropshadow,
input[type="submit"].npm-dropshadow {
    background-color: #c12127;
    filter: drop-shadow(5px 5px 0 rgba(193, 33, 39, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.npm-dropshadow:hover,
input[type="submit"].npm-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(193, 33, 39, 0.6)) brightness(50%);
}
.btn.npm-border,
input[type="submit"].npm-border {
    border: 3px solid #c12127;
    height: auto;
}
.btn.patreon,
input[type="submit"].patreon {
    background-color: #f96854;
}
.btn.patreon-dropshadow,
input[type="submit"].patreon-dropshadow {
    background-color: #f96854;
    filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.patreon-dropshadow:hover,
input[type="submit"].patreon-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6)) brightness(50%);
}
.btn.patreon-border,
input[type="submit"].patreon-border {
    border: 3px solid #f96854;
    height: auto;
}
.btn.paypal,
input[type="submit"].paypal {
    background-color: #1e9cd7;
}
.btn.paypal-dropshadow,
input[type="submit"].paypal-dropshadow {
    background-color: #1e9cd7;
    filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.paypal-dropshadow:hover,
input[type="submit"].paypal-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6)) brightness(50%);
}
.btn.paypal-border,
input[type="submit"].paypal-border {
    border: 3px solid #1e9cd7;
    height: auto;
}
.btn.pinterest,
input[type="submit"].pinterest {
    background-color: #bd081c;
}
.btn.pinterest-dropshadow,
input[type="submit"].pinterest-dropshadow {
    background-color: #bd081c;
    filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.pinterest-dropshadow:hover,
input[type="submit"].pinterest-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6)) brightness(50%);
}
.btn.pinterest-border,
input[type="submit"].pinterest-border {
    border: 3px solid #bd081c;
    height: auto;
}
.btn.reddit,
input[type="submit"].reddit {
    background-color: #ff4500;
}
.btn.reddit-dropshadow,
input[type="submit"].reddit-dropshadow {
    background-color: #ff4500;
    filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.reddit-dropshadow:hover,
input[type="submit"].reddit-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6)) brightness(50%);
}
.btn.reddit-border,
input[type="submit"].reddit-border {
    border: 3px solid #ff4500;
    height: auto;
}
.btn.skype,
input[type="submit"].skype {
    background-color: #41a6ed;
}
.btn.skype-dropshadow,
input[type="submit"].skype-dropshadow {
    background-color: #41a6ed;
    filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.skype-dropshadow:hover,
input[type="submit"].skype-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6)) brightness(50%);
}
.btn.skype-border,
input[type="submit"].skype-border {
    border: 3px solid #41a6ed;
    height: auto;
}
.btn.slack,
input[type="submit"].slack {
    background-color: #4d394b;
}
.btn.slack-dropshadow,
input[type="submit"].slack-dropshadow {
    background-color: #4d394b;
    filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.slack-dropshadow:hover,
input[type="submit"].slack-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6)) brightness(50%);
}
.btn.slack-border,
input[type="submit"].slack-border {
    border: 3px solid #4d394b;
    height: auto;
}
.btn.snapchat,
input[type="submit"].snapchat {
    background-color: #fffc00;
}
.btn.snapchat-dropshadow,
input[type="submit"].snapchat-dropshadow {
    background-color: #fffc00;
    filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.snapchat-dropshadow:hover,
input[type="submit"].snapchat-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6)) brightness(50%);
}
.btn.snapchat-border,
input[type="submit"].snapchat-border {
    border: 3px solid #fffc00;
    height: auto;
}
.btn.soundcloud,
input[type="submit"].soundcloud {
    background-color: #f50;
}
.btn.soundcloud-dropshadow,
input[type="submit"].soundcloud-dropshadow {
    background-color: #f50;
    filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.soundcloud-dropshadow:hover,
input[type="submit"].soundcloud-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6)) brightness(50%);
}
.btn.soundcloud-border,
input[type="submit"].soundcloud-border {
    border: 3px solid #f50;
    height: auto;
}
.btn.spotify,
input[type="submit"].spotify {
    background-color: #1ed760;
}
.btn.spotify-dropshadow,
input[type="submit"].spotify-dropshadow {
    background-color: #1ed760;
    filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.spotify-dropshadow:hover,
input[type="submit"].spotify-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6)) brightness(50%);
}
.btn.spotify-border,
input[type="submit"].spotify-border {
    border: 3px solid #1ed760;
    height: auto;
}
.btn.steam,
input[type="submit"].steam {
    background-color: #171a21;
}
.btn.steam-dropshadow,
input[type="submit"].steam-dropshadow {
    background-color: #171a21;
    filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.steam-dropshadow:hover,
input[type="submit"].steam-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6)) brightness(50%);
}
.btn.steam-border,
input[type="submit"].steam-border {
    border: 3px solid #171a21;
    height: auto;
}
.btn.telegram,
input[type="submit"].telegram {
    background-color: #08c;
}
.btn.telegram-dropshadow,
input[type="submit"].telegram-dropshadow {
    background-color: #08c;
    filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.telegram-dropshadow:hover,
input[type="submit"].telegram-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6)) brightness(50%);
}
.btn.telegram-border,
input[type="submit"].telegram-border {
    border: 3px solid #08c;
    height: auto;
}
.btn.tumblr,
input[type="submit"].tumblr {
    background-color: #35465d;
}
.btn.tumblr-dropshadow,
input[type="submit"].tumblr-dropshadow {
    background-color: #35465d;
    filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.tumblr-dropshadow:hover,
input[type="submit"].tumblr-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6)) brightness(50%);
}
.btn.tumblr-border,
input[type="submit"].tumblr-border {
    border: 3px solid #35465d;
    height: auto;
}
.btn.twitch,
input[type="submit"].twitch {
    background-color: #6441a4;
}
.btn.twitch-dropshadow,
input[type="submit"].twitch-dropshadow {
    background-color: #6441a4;
    filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.twitch-dropshadow:hover,
input[type="submit"].twitch-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6)) brightness(50%);
}
.btn.twitch-border,
input[type="submit"].twitch-border {
    border: 3px solid #6441a4;
    height: auto;
}
.btn.twitter,
input[type="submit"].twitter {
    background-color: #1da1f2;
}
.btn.twitter-dropshadow,
input[type="submit"].twitter-dropshadow {
    background-color: #1da1f2;
    filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.twitter-dropshadow:hover,
input[type="submit"].twitter-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6)) brightness(50%);
}
.btn.twitter-border,
input[type="submit"].twitter-border {
    border: 3px solid #1da1f2;
    height: auto;
}
.btn.viber,
input[type="submit"].viber {
    background-color: #7f4d9b;
}
.btn.viber-dropshadow,
input[type="submit"].viber-dropshadow {
    background-color: #7f4d9b;
    filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.viber-dropshadow:hover,
input[type="submit"].viber-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6)) brightness(50%);
}
.btn.viber-border,
input[type="submit"].viber-border {
    border: 3px solid #7f4d9b;
    height: auto;
}
.btn.whatsapp,
input[type="submit"].whatsapp {
    background-color: #25d366;
}
.btn.whatsapp-dropshadow,
input[type="submit"].whatsapp-dropshadow {
    background-color: #25d366;
    filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.whatsapp-dropshadow:hover,
input[type="submit"].whatsapp-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6)) brightness(50%);
}
.btn.whatsapp-border,
input[type="submit"].whatsapp-border {
    border: 3px solid #25d366;
    height: auto;
}
.btn.youtube,
input[type="submit"].youtube {
    background-color: red;
}
.btn.youtube-dropshadow,
input[type="submit"].youtube-dropshadow {
    background-color: red;
    filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6));
    transition: filter 350ms ease;
    -webkit-transition: filter 350ms ease;
    -ms-transition: filter 350ms ease;
    -moz-transition: filter 350ms ease;
    -o-transition: filter 350ms ease;
}
.btn.youtube-dropshadow:hover,
input[type="submit"].youtube-dropshadow:hover {
    filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6)) brightness(50%);
}
.btn.youtube-border,
input[type="submit"].youtube-border {
    border: 3px solid red;
    height: auto;
}
.btn:hover,
input[type="submit"]:hover {
    transition: filter 200ms ease;
    -webkit-transition: filter 200ms ease;
    -ms-transition: filter 200ms ease;
    -moz-transition: filter 200ms ease;
    -o-transition: filter 200ms ease;
    color: #fff;
    filter: brightness(65%);
}
.btn.no-dark-hover:hover,
input[type="submit"].no-dark-hover:hover {
    filter: brightness(100%);
}
.btn.animation,
input[type="submit"].animation {
    animation: button-enter 1s ease-in-out forwards;
    -webkit-animation: button-enter 1s ease-in-out forwards;
    -ms-animation: button-enter 1s ease-in-out forwards;
    -moz-animation: button-enter 1s ease-in-out forwards;
    -o-animation: button-enter 1s ease-in-out forwards;
    opacity: 0;
    position: relative;
}
.btn.animation:nth-child(1),
input[type="submit"].animation:nth-child(1) {
    animation-delay: 0.25s;
}
.btn.animation:nth-child(2),
input[type="submit"].animation:nth-child(2) {
    animation-delay: 0.5s;
}
.btn.animation:nth-child(3),
input[type="submit"].animation:nth-child(3) {
    animation-delay: 0.75s;
}
.btn.animation:nth-child(4),
input[type="submit"].animation:nth-child(4) {
    animation-delay: 1s;
}
.btn.animation:nth-child(5),
input[type="submit"].animation:nth-child(5) {
    animation-delay: 1.25s;
}
.btn.animation:nth-child(6),
input[type="submit"].animation:nth-child(6) {
    animation-delay: 1.5s;
}
.btn.animation:nth-child(7),
input[type="submit"].animation:nth-child(7) {
    animation-delay: 1.75s;
}
.btn.animation:nth-child(8),
input[type="submit"].animation:nth-child(8) {
    animation-delay: 2s;
}
.btn.animation:nth-child(9),
input[type="submit"].animation:nth-child(9) {
    animation-delay: 2.25s;
}
.btn.animation:nth-child(10),
input[type="submit"].animation:nth-child(10) {
    animation-delay: 2.5s;
}
.btn.animation:nth-child(11),
input[type="submit"].animation:nth-child(11) {
    animation-delay: 2.75s;
}
.btn.animation:nth-child(12),
input[type="submit"].animation:nth-child(12) {
    animation-delay: 3s;
}
.btn.animation:nth-child(13),
input[type="submit"].animation:nth-child(13) {
    animation-delay: 3.25s;
}
.btn.animation:nth-child(14),
input[type="submit"].animation:nth-child(14) {
    animation-delay: 3.5s;
}
.btn.animation:nth-child(15),
input[type="submit"].animation:nth-child(15) {
    animation-delay: 3.75s;
}
.btn.animation-bounce,
input[type="submit"].animation-bounce {
    animation: bounce-button 1s ease-in-out;
    -webkit-animation: bounce-button 1s ease-in-out;
    -ms-animation: bounce-button 1s ease-in-out;
    -moz-animation: bounce-button 1s ease-in-out;
    -o-animation: bounce-button 1s ease-in-out;
}
.btn.animation-bounce:nth-child(1),
input[type="submit"].animation-bounce:nth-child(1) {
    animation-delay: 0.25s;
}
.btn.animation-bounce:nth-child(2),
input[type="submit"].animation-bounce:nth-child(2) {
    animation-delay: 0.5s;
}
.btn.animation-bounce:nth-child(3),
input[type="submit"].animation-bounce:nth-child(3) {
    animation-delay: 0.75s;
}
.btn.animation-bounce:nth-child(4),
input[type="submit"].animation-bounce:nth-child(4) {
    animation-delay: 1s;
}
.btn.animation-bounce:nth-child(5),
input[type="submit"].animation-bounce:nth-child(5) {
    animation-delay: 1.25s;
}
.btn.animation-bounce:nth-child(6),
input[type="submit"].animation-bounce:nth-child(6) {
    animation-delay: 1.5s;
}
.btn.animation-bounce:nth-child(7),
input[type="submit"].animation-bounce:nth-child(7) {
    animation-delay: 1.75s;
}
.btn.animation-bounce:nth-child(8),
input[type="submit"].animation-bounce:nth-child(8) {
    animation-delay: 2s;
}
.btn.animation-bounce:nth-child(9),
input[type="submit"].animation-bounce:nth-child(9) {
    animation-delay: 2.25s;
}
.btn.animation-bounce:nth-child(10),
input[type="submit"].animation-bounce:nth-child(10) {
    animation-delay: 2.5s;
}
.btn.animation-bounce:nth-child(11),
input[type="submit"].animation-bounce:nth-child(11) {
    animation-delay: 2.75s;
}
.btn.animation-bounce:nth-child(12),
input[type="submit"].animation-bounce:nth-child(12) {
    animation-delay: 3s;
}
.btn.animation-bounce:nth-child(13),
input[type="submit"].animation-bounce:nth-child(13) {
    animation-delay: 3.25s;
}
.btn.animation-bounce:nth-child(14),
input[type="submit"].animation-bounce:nth-child(14) {
    animation-delay: 3.5s;
}
.btn.animation-bounce:nth-child(15),
input[type="submit"].animation-bounce:nth-child(15) {
    animation-delay: 3.75s;
}
.btn.hover-scale,
input[type="submit"].hover-scale {
    transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -ms-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
}
.btn.hover-scale:hover,
input[type="submit"].hover-scale:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.btn.hover-scale-inset,
input[type="submit"].hover-scale-inset {
    transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -ms-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
}
.btn.hover-scale-inset:hover,
input[type="submit"].hover-scale-inset:hover {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
}
.btn.hover-bounce:hover,
input[type="submit"].hover-bounce:hover {
    animation: bounce-button 750ms ease-in-out;
    -webkit-animation: bounce-button 750ms ease-in-out;
    -ms-animation: bounce-button 750ms ease-in-out;
    -moz-animation: bounce-button 750ms ease-in-out;
    -o-animation: bounce-button 750ms ease-in-out;
}
.btn.hover,
input[type="submit"].hover {
    transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -ms-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
}
.btn.hover:hover,
input[type="submit"].hover:hover {
    transform: translateY(-0.5em);
    -webkit-transform: translateY(-0.5em);
    -ms-transform: translateY(-0.5em);
    -moz-transform: translateY(-0.5em);
    -o-transform: translateY(-0.5em);
}
.emoji {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1em 1em;
    display: inline-block;
    height: 1em;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.1em;
    width: 1em;
}
.emoji-lg {
    background-size: 1.33em 1.33em;
    height: 1.33em;
    margin: 0 0.0665em 0 0.133em;
    vertical-align: -0.133em;
    width: 1.33em;
}
.emoji-2x {
    background-size: 2em 2em;
    height: 2em;
    margin: 0 0.1em 0 0.2em;
    vertical-align: -0.2em;
    width: 2em;
}
.emoji-3x {
    background-size: 3em 3em;
    height: 3em;
    margin: 0 0.15em 0 0.3em;
    vertical-align: -0.3em;
    width: 3em;
}
.emoji-4x {
    background-size: 4em 4em;
    height: 4em;
    margin: 0 0.2em 0 0.4em;
    vertical-align: -0.4em;
    width: 4em;
}
.emoji-5x {
    background-size: 5em 5em;
    height: 5em;
    margin: 0 0.25em 0 0.5em;
    vertical-align: -0.5em;
    width: 5em;
}
.center-object {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 100%;
}
.fullscreen {
    background-color: #181818;
    position: relative;
}
.fullscreen .background {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(5px) brightness(50%);
    height: 100%;
    width: 100%;
}
.fullscreen .background.slideshow {
    transition: opacity 1s ease-in;
    -webkit-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    position: absolute;
}
.nav-bar:not(.fixed) + .fullscreen .background {
    height: calc(100% - 3em);
}
.fullscreen .me {
    justify-content: center;
    width: 100%;
}
.fullscreen.half .background {
    height: 50%;
}
.fullscreen.half .center-object .btn {
    padding: 0 20px;
}
.fullscreen.half .center-object .me .image-title {
    height: 6em;
    width: 6em;
}
.fullscreen.half .center-object .me .title {
    font-size: 4rem;
}
.fullscreen.half .center-object .me .undertitle {
    font-size: 1.75rem;
}
.me {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 1rem 0;
    z-index: 10;
}
.me.unset {
    flex-direction: unset;
}
.me.unset .image-title {
    margin-right: 0.25em;
}
.me.unset .unset {
    margin-left: 0.5em;
}
.me.unset .unset .title,
.me.unset .unset .undertitle {
    flex-direction: column;
    margin: 0;
}
.me .image-title {
    border-radius: 100%;
    height: 9em;
    width: 9em;
}
.me .image-title.large-border {
    border-radius: 25px;
}
.me .image-title.medium-border {
    border-radius: 15px;
}
.me .image-title.small-border {
    border-radius: 5px;
}
.me .image-title.no-border {
    border-radius: 0;
}
.me .title {
    font-size: 5rem;
    letter-spacing: 1px;
    margin: 0.25em;
}
.me .undertitle {
    font-size: 2.5rem;
    letter-spacing: 1px;
    margin: 0;
}
.container {
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 2.5em;
    margin-top: 1.5em;
    max-width: 1100px;
    padding: 0 2em;
    position: relative;
    width: 100%;
}
.flex-grid {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-grid .col-xs,
.flex-grid .col-xs-1,
.flex-grid .col-xs-2,
.flex-grid .col-xs-3,
.flex-grid .col-xs-4,
.flex-grid .col-xs-5,
.flex-grid .col-xs-6,
.flex-grid .col-xs-7,
.flex-grid .col-xs-8,
.flex-grid .col-xs-9,
.flex-grid .col-xs-10,
.flex-grid .col-xs-11,
.flex-grid .col-xs-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.flex-grid [class^="col-xs"]:first-child {
    padding-left: 0;
}
.flex-grid [class^="col-xs"]:last-child {
    padding-right: 0;
}
.flex-grid .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.flex-grid .col-xs-1 {
    flex-basis: 8.33%;
    max-width: 8.33%;
}
.flex-grid .col-xs-2 {
    flex-basis: 16.66%;
    max-width: 16.66%;
}
.flex-grid .col-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
}
.flex-grid .col-xs-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
}
.flex-grid .col-xs-5 {
    flex-basis: 41.66%;
    max-width: 41.66%;
}
.flex-grid .col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
}
.flex-grid .col-xs-7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
}
.flex-grid .col-xs-8 {
    flex-basis: 66.66%;
    max-width: 66.66%;
}
.flex-grid .col-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
}
.flex-grid .col-xs-10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
}
.flex-grid .col-xs-11 {
    flex-basis: 91.66%;
    max-width: 91.66%;
}
.flex-grid .col-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
}
.loader,
.loader::before,
.loader::after {
    animation: load 1s infinite ease-in-out;
    -webkit-animation: load 1s infinite ease-in-out;
    -ms-animation: load 1s infinite ease-in-out;
    -moz-animation: load 1s infinite ease-in-out;
    -o-animation: load 1s infinite ease-in-out;
    background: #fff;
    height: 3em;
    width: 1em;
}
.loader {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    animation-delay: -0.16s;
    color: #fff;
    font-size: 11px;
    margin: 3em auto;
    position: relative;
    text-indent: -9999em;
}
.loader::before {
    animation-delay: -0.32s;
    left: -1.5em;
}
.loader::after {
    left: 1.5em;
}
.loader::before,
.loader::after {
    content: "";
    position: absolute;
    top: 0;
}
.parallax-container {
    position: relative;
}
.parallax-container .parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(4px);
    height: 20em;
    width: 100%;
}
.parallax-container .parallax.small {
    height: 15em;
}
.parallax-container .parallax.medium {
    height: 26em;
}
.parallax-container .parallax.large {
    height: 33em;
}
.parallax-container .content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.tooltip {
    display: inline;
    position: relative;
}
.tooltip::after {
    transform: translateX(-50%) translateY(-2px);
    -webkit-transform: translateX(-50%) translateY(-2px);
    -ms-transform: translateX(-50%) translateY(-2px);
    -moz-transform: translateX(-50%) translateY(-2px);
    -o-transform: translateX(-50%) translateY(-2px);
    transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    -ms-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    -o-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    background: #282828;
    border-radius: 2px;
    color: #fff;
    content: attr(data-tooltip);
    left: 50%;
    opacity: 0;
    padding: 6px 10px;
    position: absolute;
    top: 1.6em;
    visibility: hidden;
    white-space: nowrap;
    z-index: 2;
}
.tooltip:hover::after {
    transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -o-transform: translateX(-50%) translateY(0);
    display: block;
    opacity: 1;
    visibility: visible;
}
.tooltip.left::after {
    transform: translateX(-112%) translateY(0);
    -webkit-transform: translateX(-112%) translateY(0);
    -ms-transform: translateX(-112%) translateY(0);
    -moz-transform: translateX(-112%) translateY(0);
    -o-transform: translateX(-112%) translateY(0);
    left: 0;
    top: -4px;
}
.tooltip.left:hover::after {
    transform: translateX(-110%) translateY(0);
    -webkit-transform: translateX(-110%) translateY(0);
    -ms-transform: translateX(-110%) translateY(0);
    -moz-transform: translateX(-110%) translateY(0);
    -o-transform: translateX(-110%) translateY(0);
}
.tooltip.right::after {
    transform: translateX(12%) translateY(0);
    -webkit-transform: translateX(12%) translateY(0);
    -ms-transform: translateX(12%) translateY(0);
    -moz-transform: translateX(12%) translateY(0);
    -o-transform: translateX(12%) translateY(0);
    left: 100%;
    top: -4px;
}
.tooltip.right:hover::after {
    transform: translateX(10%) translateY(0);
    -webkit-transform: translateX(10%) translateY(0);
    -ms-transform: translateX(10%) translateY(0);
    -moz-transform: translateX(10%) translateY(0);
    -o-transform: translateX(10%) translateY(0);
}
.paper-container {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.paper-container .paper {
    background: linear-gradient(225deg, transparent 26px, #282828 0);
    border-radius: 2px;
    margin: 1em 0.75em;
    margin-bottom: 80px;
    margin-top: -35vh;
    max-width: 1012px;
    padding: 80px 56px;
    position: relative;
}
.paper-container .paper::before {
    border-color: #181818 transparent;
    border-style: solid;
    border-width: 0 36.5px 36.5px 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.paper-container .ribbon {
    background: #3498db;
    height: 40vh;
    width: 100%;
}
.box-container {
    border-radius: 10px;
    margin-bottom: 2.5em;
    padding: 1em;
    position: relative;
}
.box-container.message {
    border-radius: 0;
    margin-bottom: 0;
    padding: 0.5em;
}
.box-container.message * {
    margin: 0;
    padding: 0;
}
.box-container.message .close {
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    height: 100%;
    line-height: 24px;
    opacity: 0.6;
    position: absolute;
    right: 0.25em;
}
.box-container.message .close:hover {
    cursor: pointer;
    opacity: 1;
}
.box-container.alizarin {
    background-color: #e74c3c;
    filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6));
}
.box-container.alizarin-flat {
    background-color: #e74c3c;
}
.box-container.amethyst {
    background-color: #9b59b6;
    filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6));
}
.box-container.amethyst-flat {
    background-color: #9b59b6;
}
.box-container.aqua-blue {
    background-color: #006266;
    filter: drop-shadow(5px 5px 0 rgba(0, 98, 102, 0.6));
}
.box-container.aqua-blue-flat {
    background-color: #006266;
}
.box-container.asbestos {
    background-color: #7f8c8d;
    filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
}
.box-container.asbestos-flat {
    background-color: #7f8c8d;
}
.box-container.belize-hole {
    background-color: #2980b9;
    filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6));
}
.box-container.belize-hole-flat {
    background-color: #2980b9;
}
.box-container.black {
    background-color: #000;
    filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
}
.box-container.black-flat {
    background-color: #000;
}
.box-container.blurple {
    background-color: #7289da;
    filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6));
}
.box-container.blurple-flat {
    background-color: #7289da;
}
.box-container.cardboard {
    background-color: #a58855;
    filter: drop-shadow(5px 5px 0 rgba(165, 136, 85, 0.6));
}
.box-container.cardboard-flat {
    background-color: #a58855;
}
.box-container.carrot {
    background-color: #e67e22;
    filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6));
}
.box-container.carrot-flat {
    background-color: #e67e22;
}
.box-container.clouds {
    background-color: #ecf0f1;
    filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6));
}
.box-container.clouds-flat {
    background-color: #ecf0f1;
}
.box-container.concrete {
    background-color: #95a5a6;
    filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6));
}
.box-container.concrete-flat {
    background-color: #95a5a6;
}
.box-container.cubered {
    background-color: #ef0c0c;
    filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6));
}
.box-container.cubered-flat {
    background-color: #ef0c0c;
}
.box-container.dark-not-black {
    background-color: #2c2f33;
    filter: drop-shadow(5px 5px 0 rgba(44, 47, 51, 0.6));
}
.box-container.dark-not-black-flat {
    background-color: #2c2f33;
}
.box-container.dark {
    background-color: #343a40;
    filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6));
}
.box-container.dark-flat {
    background-color: #343a40;
}
.box-container.disco-ball {
    background-color: #25ccf7;
    filter: drop-shadow(5px 5px 0 rgba(37, 204, 247, 0.6));
}
.box-container.disco-ball-flat {
    background-color: #25ccf7;
}
.box-container.emerald {
    background-color: #2ecc71;
    filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6));
}
.box-container.emerald-flat {
    background-color: #2ecc71;
}
.box-container.energy-drink {
    background-color: #c4e538;
    filter: drop-shadow(5px 5px 0 rgba(196, 229, 56, 0.6));
}
.box-container.energy-drink-flat {
    background-color: #c4e538;
}
.box-container.fuchsia {
    background-color: #b33771;
    filter: drop-shadow(5px 5px 0 rgba(179, 55, 113, 0.6));
}
.box-container.fuchsia-flat {
    background-color: #b33771;
}
.box-container.gold {
    background-color: gold;
    filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6));
}
.box-container.gold-flat {
    background-color: gold;
}
.box-container.green-sea {
    background-color: #16a085;
    filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6));
}
.box-container.green-sea-flat {
    background-color: #16a085;
}
.box-container.greyple {
    background-color: #99aab5;
    filter: drop-shadow(5px 5px 0 rgba(153, 170, 181, 0.6));
}
.box-container.greyple-flat {
    background-color: #99aab5;
}
.box-container.highlight {
    background-color: #181818;
    filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6));
}
.box-container.highlight-flat {
    background-color: #181818;
}
.box-container.honey {
    background-color: #eab543;
    filter: drop-shadow(5px 5px 0 rgba(234, 181, 67, 0.6));
}
.box-container.honey-flat {
    background-color: #eab543;
}
.box-container.lavender {
    background-color: #b57edc;
    filter: drop-shadow(5px 5px 0 rgba(181, 126, 220, 0.6));
}
.box-container.lavender-flat {
    background-color: #b57edc;
}
.box-container.light {
    background-color: #f8f9fa;
    filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6));
}
.box-container.light-flat {
    background-color: #f8f9fa;
}
.box-container.lemon {
    background-color: #ffeaa7;
    filter: drop-shadow(5px 5px 0 rgba(255, 234, 167, 0.6));
}
.box-container.lemon-flat {
    background-color: #ffeaa7;
}
.box-container.marine-blue {
    background-color: #0652dd;
    filter: drop-shadow(5px 5px 0 rgba(6, 82, 221, 0.6));
}
.box-container.marine-blue-flat {
    background-color: #0652dd;
}
.box-container.midnight-blue {
    background-color: #2c3e50;
    filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6));
}
.box-container.midnight-blue-flat {
    background-color: #2c3e50;
}
.box-container.navy-blue {
    background-color: #182c61;
    filter: drop-shadow(5px 5px 0 rgba(24, 44, 97, 0.6));
}
.box-container.navy-blue-flat {
    background-color: #182c61;
}
.box-container.nephritis-blue {
    background-color: #27ae60;
    filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6));
}
.box-container.nephritis-blue-flat {
    background-color: #27ae60;
}
.box-container.not-black {
    background-color: #23272a;
    filter: drop-shadow(5px 5px 0 rgba(35, 39, 42, 0.6));
}
.box-container.not-black-flat {
    background-color: #23272a;
}
.box-container.orange {
    background-color: #f39c12;
    filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6));
}
.box-container.orange-flat {
    background-color: #f39c12;
}
.box-container.peach {
    background-color: #f49898;
    filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6));
}
.box-container.peach-flat {
    background-color: #f49898;
}
.box-container.peter-river {
    background-color: #3498db;
    filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6));
}
.box-container.peter-river-flat {
    background-color: #3498db;
}
.box-container.pink-cherry {
    background-color: #e84393;
    filter: drop-shadow(5px 5px 0 rgba(232, 67, 147, 0.6));
}
.box-container.pink-cherry-flat {
    background-color: #e84393;
}
.box-container.pine {
    background-color: #bdc581;
    filter: drop-shadow(5px 5px 0 rgba(189, 197, 129, 0.6));
}
.box-container.pine-flat {
    background-color: #bdc581;
}
.box-container.pinewood {
    background-color: #fdcb6e;
    filter: drop-shadow(5px 5px 0 rgba(253, 203, 110, 0.6));
}
.box-container.pinewood-flat {
    background-color: #fdcb6e;
}
.box-container.pomegranate {
    background-color: #c0392b;
    filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6));
}
.box-container.pomegranate-flat {
    background-color: #c0392b;
}
.box-container.primary {
    background-color: #282828;
    filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6));
}
.box-container.primary-flat {
    background-color: #282828;
}
.box-container.pumpkin {
    background-color: #d35400;
    filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6));
}
.box-container.pumpkin-flat {
    background-color: #d35400;
}
.box-container.rasberry {
    background-color: #c51d4a;
    filter: drop-shadow(5px 5px 0 rgba(197, 29, 74, 0.6));
}
.box-container.rasberry-flat {
    background-color: #c51d4a;
}
.box-container.raw-purple {
    background-color: #7222c9;
    filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6));
}
.box-container.raw-purple-flat {
    background-color: #7222c9;
}
.box-container.secondary {
    background-color: #303030;
    filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6));
}
.box-container.secondary-flat {
    background-color: #303030;
}
.box-container.silver {
    background-color: #7f8c8d;
    filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
}
.box-container.silver-flat {
    background-color: #7f8c8d;
}
.box-container.soft-purple {
    background-color: #6c5ce7;
    filter: drop-shadow(5px 5px 0 rgba(108, 92, 231, 0.6));
}
.box-container.soft-purple-flat {
    background-color: #6c5ce7;
}
.box-container.sun-flower {
    background-color: #f1c40f;
    filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6));
}
.box-container.sun-flower-flat {
    background-color: #f1c40f;
}
.box-container.transparent {
    background-color: transparent;
    filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
}
.box-container.transparent-flat {
    background-color: transparent;
}
.box-container.turquoise {
    background-color: #1abc9c;
    filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6));
}
.box-container.turquoise-flat {
    background-color: #1abc9c;
}
.box-container.watermelon {
    background-color: #ff4757;
    filter: drop-shadow(5px 5px 0 rgba(255, 71, 87, 0.6));
}
.box-container.watermelon-flat {
    background-color: #ff4757;
}
.box-container.wet-asphalt {
    background-color: #34495e;
    filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6));
}
.box-container.wet-asphalt-flat {
    background-color: #34495e;
}
.box-container.white {
    background-color: #fff;
    filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6));
}
.box-container.white-flat {
    background-color: #fff;
}
.box-container.wisteria {
    background-color: #8e44ad;
    filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6));
}
.box-container.wisteria-flat {
    background-color: #8e44ad;
}
.box-container.amazon {
    background-color: #f90;
    filter: drop-shadow(5px 5px 0 rgba(255, 153, 0, 0.6));
}
.box-container.amazon-flat {
    background-color: #f90;
}
.box-container.android {
    background-color: #8ec047;
    filter: drop-shadow(5px 5px 0 rgba(142, 192, 71, 0.6));
}
.box-container.android-flat {
    background-color: #8ec047;
}
.box-container.bandcamp {
    background-color: #619aa9;
    filter: drop-shadow(5px 5px 0 rgba(97, 154, 169, 0.6));
}
.box-container.bandcamp-flat {
    background-color: #619aa9;
}
.box-container.deviantart {
    background-color: #05cc47;
    filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6));
}
.box-container.deviantart-flat {
    background-color: #05cc47;
}
.box-container.discord {
    background-color: #7289da;
    filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6));
}
.box-container.discord-flat {
    background-color: #7289da;
}
.box-container.facebook {
    background-color: #3b5998;
    filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6));
}
.box-container.facebook-flat {
    background-color: #3b5998;
}
.box-container.gitea {
    background-color: #5aa509;
    filter: drop-shadow(5px 5px 0 rgba(90, 165, 9, 0.6));
}
.box-container.gitea-flat {
    background-color: #5aa509;
}
.box-container.github {
    background-color: #292d32;
    filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6));
}
.box-container.github-flat {
    background-color: #292d32;
}
.box-container.gitlab {
    background-color: #fc6d26;
    filter: drop-shadow(5px 5px 0 rgba(252, 109, 38, 0.6));
}
.box-container.gitlab-flat {
    background-color: #fc6d26;
}
.box-container.google {
    background-color: #4285f4;
    filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6));
}
.box-container.google-flat {
    background-color: #4285f4;
}
.box-container.googleplus {
    background-color: #db4437;
    filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6));
}
.box-container.googleplus-flat {
    background-color: #db4437;
}
.box-container.instagram {
    background-color: #c32aa3;
    filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6));
}
.box-container.instagram-flat {
    background-color: #c32aa3;
}
.box-container.line {
    background-color: #00b901;
    filter: drop-shadow(5px 5px 0 rgba(0, 185, 1, 0.6));
}
.box-container.line-flat {
    background-color: #00b901;
}
.box-container.linkedin {
    background-color: #007bb5;
    filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6));
}
.box-container.linkedin-flat {
    background-color: #007bb5;
}
.box-container.npm {
    background-color: #c12127;
    filter: drop-shadow(5px 5px 0 rgba(193, 33, 39, 0.6));
}
.box-container.npm-flat {
    background-color: #c12127;
}
.box-container.patreon {
    background-color: #f96854;
    filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6));
}
.box-container.patreon-flat {
    background-color: #f96854;
}
.box-container.paypal {
    background-color: #1e9cd7;
    filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6));
}
.box-container.paypal-flat {
    background-color: #1e9cd7;
}
.box-container.pinterest {
    background-color: #bd081c;
    filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6));
}
.box-container.pinterest-flat {
    background-color: #bd081c;
}
.box-container.reddit {
    background-color: #ff4500;
    filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6));
}
.box-container.reddit-flat {
    background-color: #ff4500;
}
.box-container.skype {
    background-color: #41a6ed;
    filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6));
}
.box-container.skype-flat {
    background-color: #41a6ed;
}
.box-container.slack {
    background-color: #4d394b;
    filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6));
}
.box-container.slack-flat {
    background-color: #4d394b;
}
.box-container.snapchat {
    background-color: #fffc00;
    filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6));
}
.box-container.snapchat-flat {
    background-color: #fffc00;
}
.box-container.soundcloud {
    background-color: #f50;
    filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6));
}
.box-container.soundcloud-flat {
    background-color: #f50;
}
.box-container.spotify {
    background-color: #1ed760;
    filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6));
}
.box-container.spotify-flat {
    background-color: #1ed760;
}
.box-container.steam {
    background-color: #171a21;
    filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6));
}
.box-container.steam-flat {
    background-color: #171a21;
}
.box-container.telegram {
    background-color: #08c;
    filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6));
}
.box-container.telegram-flat {
    background-color: #08c;
}
.box-container.tumblr {
    background-color: #35465d;
    filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6));
}
.box-container.tumblr-flat {
    background-color: #35465d;
}
.box-container.twitch {
    background-color: #6441a4;
    filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6));
}
.box-container.twitch-flat {
    background-color: #6441a4;
}
.box-container.twitter {
    background-color: #1da1f2;
    filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6));
}
.box-container.twitter-flat {
    background-color: #1da1f2;
}
.box-container.viber {
    background-color: #7f4d9b;
    filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6));
}
.box-container.viber-flat {
    background-color: #7f4d9b;
}
.box-container.whatsapp {
    background-color: #25d366;
    filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6));
}
.box-container.whatsapp-flat {
    background-color: #25d366;
}
.box-container.youtube {
    background-color: red;
    filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6));
}
.box-container.youtube-flat {
    background-color: red;
}
.progress-container {
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    height: 6px;
    position: relative;
    z-index: 1;
}
.progress-container .progress-bar {
    background-color: #2196f3;
    box-shadow: none;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 23px;
    text-align: center;
    width: 0%;
}
.progress-container .progress-bar::before {
    background-color: #cae6fc;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1;
}
.progress-container .progress-bar[data-progress] {
    height: 23px;
}
.progress-container .progress-bar[data-progress]::before {
    height: 23px;
}
.progress-container .progress-bar::after {
    content: attr(data-progress);
    font-weight: bold;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 4em;
}
.table-container table {
    border-collapse: collapse;
    color: #fff;
    font-size: 13px;
    margin: 0;
    margin-bottom: 2.5rem;
    overflow: hidden;
    overflow-x: auto;
    padding: 0;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: auto;
}
.table-container table.table-center {
    display: block;
    text-align: center;
}
.table-container table.table-center table {
    margin: 0 auto;
}
.table-container table tr {
    background-color: #282828;
    border: 1px solid #303030;
    border-top: 1px solid #353535;
}
.table-container table tr:nth-child(2n) {
    background-color: #303030;
}
.table-container table th,
.table-container table td {
    border: 1px solid #303030;
    padding: 12px 20px;
    padding-bottom: 8px;
}
.table-container table th {
    border: 1px solid #353535;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    height: 48px;
    letter-spacing: 0;
    line-height: 24px;
    padding: 12px 20px;
    padding-bottom: 8px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.label {
    background-color: #303030;
    border-radius: 0.25em;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: 6px;
    padding: 0.2em 0.6em 0.3em;
    vertical-align: middle;
}
.scroll-in {
    opacity: 0;
}
.scroll-in.scroll-in--scrolled {
    animation: fading 1s ease-in-out forwards;
    -webkit-animation: fading 1s ease-in-out forwards;
    -ms-animation: fading 1s ease-in-out forwards;
    -moz-animation: fading 1s ease-in-out forwards;
    -o-animation: fading 1s ease-in-out forwards;
}
.scroll-in.scroll-in--scrolled.from-top {
    animation: fade-from-top 1s ease-in-out forwards;
    -webkit-animation: fade-from-top 1s ease-in-out forwards;
    -ms-animation: fade-from-top 1s ease-in-out forwards;
    -moz-animation: fade-from-top 1s ease-in-out forwards;
    -o-animation: fade-from-top 1s ease-in-out forwards;
}
.scroll-in.scroll-in--scrolled.from-bottom {
    animation: fade-from-bottom 1s ease-in-out forwards;
    -webkit-animation: fade-from-bottom 1s ease-in-out forwards;
    -ms-animation: fade-from-bottom 1s ease-in-out forwards;
    -moz-animation: fade-from-bottom 1s ease-in-out forwards;
    -o-animation: fade-from-bottom 1s ease-in-out forwards;
}
.scroll-in.scroll-in--scrolled.from-left {
    animation: fade-from-left 1s ease-in-out forwards;
    -webkit-animation: fade-from-left 1s ease-in-out forwards;
    -ms-animation: fade-from-left 1s ease-in-out forwards;
    -moz-animation: fade-from-left 1s ease-in-out forwards;
    -o-animation: fade-from-left 1s ease-in-out forwards;
}
.scroll-in.scroll-in--scrolled.from-right {
    animation: fade-from-right 1s ease-in-out forwards;
    -webkit-animation: fade-from-right 1s ease-in-out forwards;
    -ms-animation: fade-from-right 1s ease-in-out forwards;
    -moz-animation: fade-from-right 1s ease-in-out forwards;
    -o-animation: fade-from-right 1s ease-in-out forwards;
}
.scroll-in.scroll-in--scrolled.from-back {
    animation: fade-from-back 1s ease-in-out forwards;
    -webkit-animation: fade-from-back 1s ease-in-out forwards;
    -ms-animation: fade-from-back 1s ease-in-out forwards;
    -moz-animation: fade-from-back 1s ease-in-out forwards;
    -o-animation: fade-from-back 1s ease-in-out forwards;
}
.scroll-in.scroll-in--scrolled.from-front {
    animation: fade-from-front 1s ease-in-out forwards;
    -webkit-animation: fade-from-front 1s ease-in-out forwards;
    -ms-animation: fade-from-front 1s ease-in-out forwards;
    -moz-animation: fade-from-front 1s ease-in-out forwards;
    -o-animation: fade-from-front 1s ease-in-out forwards;
}
.scroll-in.scroll-in--scrolled:nth-child(1):not(.no-delay) {
    animation-delay: 0.25s;
}
.scroll-in.scroll-in--scrolled:nth-child(2):not(.no-delay) {
    animation-delay: 0.5s;
}
.scroll-in.scroll-in--scrolled:nth-child(3):not(.no-delay) {
    animation-delay: 0.75s;
}
.scroll-in.scroll-in--scrolled:nth-child(4):not(.no-delay) {
    animation-delay: 1s;
}
.scroll-in.scroll-in--scrolled:nth-child(5):not(.no-delay) {
    animation-delay: 1.25s;
}
.scroll-in.scroll-in--scrolled:nth-child(6):not(.no-delay) {
    animation-delay: 1.5s;
}
.scroll-in.scroll-in--scrolled:nth-child(7):not(.no-delay) {
    animation-delay: 1.75s;
}
.scroll-in.scroll-in--scrolled:nth-child(8):not(.no-delay) {
    animation-delay: 2s;
}
.scroll-in.scroll-in--scrolled:nth-child(9):not(.no-delay) {
    animation-delay: 2.25s;
}
.scroll-in.scroll-in--scrolled:nth-child(10):not(.no-delay) {
    animation-delay: 2.5s;
}
.scroll-in.scroll-in--scrolled:nth-child(11):not(.no-delay) {
    animation-delay: 2.75s;
}
.scroll-in.scroll-in--scrolled:nth-child(12):not(.no-delay) {
    animation-delay: 3s;
}
.scroll-in.scroll-in--scrolled:nth-child(13):not(.no-delay) {
    animation-delay: 3.25s;
}
.scroll-in.scroll-in--scrolled:nth-child(14):not(.no-delay) {
    animation-delay: 3.5s;
}
.scroll-in.scroll-in--scrolled:nth-child(15):not(.no-delay) {
    animation-delay: 3.75s;
}
.nav-bar {
    height: 3em;
    background: #303030;
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    justify-content: center;
    z-index: 5;
}
.nav-bar .nav-bars {
    display: inline-block;
    cursor: pointer;
    width: 3em;
    height: 3em;
    border-radius: 0 5px 5px 0;
    padding: 0 0.5em;
    background: url("https://api.iconify.design/ei:navicon.svg?color=white") no-repeat center center/contain;
    transition: background-color 200ms ease;
    -webkit-transition: background-color 200ms ease;
    -ms-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
}
.nav-bar .nav-bars.nav--expand {
    background-image: url("https://api.iconify.design/ic:outline-close.svg?color=white");
    background-color: #181818;
    transition: background-color 200ms ease;
    -webkit-transition: background-color 200ms ease;
    -ms-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
}
.nav-bar .nav-bars.nav--expand + .nav {
    transform: translate3d(0, 0, 0);
    transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -ms-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
}
.nav-bar .nav-close {
    position: absolute;
    cursor: pointer;
    left: 0;
    width: calc(100% - 1em);
    height: 3em;
    padding: 0 0.5em;
    margin-top: -4em;
    background: url(https://api.iconify.design/ic:outline-close.svg?color=white) no-repeat center center/contain #222;
}
.nav-bar.fixed {
    position: fixed;
    width: 100%;
}
.nav-bar.fixed .nav-close {
    display: none;
}
.nav-bar h1,
.nav-bar h2,
.nav-bar h3,
.nav-bar h4,
.nav-bar h5,
.nav-bar h6 {
    margin: 0.1em 0.25em;
    font-size: 2em;
    width: 100%;
    display: inline-block;
}
.nav-bar .nav {
    position: fixed;
    left: 0;
    padding: 1em;
    background: #181818;
    display: flex;
    height: calc(100% - 5em);
    margin-top: 3em;
    z-index: 10;
    transform: translate3d(-100%, 0, 0);
    transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -ms-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
}
.nav-bar .nav .nav-scroller {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}
.nav-bar .nav .nav-scroller::-webkit-scrollbar {
    width: 5px;
}
.nav-bar .nav .nav-scroller::-webkit-scrollbar-thumb {
    border: 3px solid #303030;
    border-radius: 7px;
}
.nav-bar .nav a {
    font-size: 1.5em;
    margin: 0.25em 0.5em;
    transition: filter 200ms ease;
    -webkit-transition: filter 200ms ease;
    -ms-transition: filter 200ms ease;
    -moz-transition: filter 200ms ease;
    -o-transition: filter 200ms ease;
}
.nav-bar .nav a:hover {
    transition: filter 200ms ease;
    -webkit-transition: filter 200ms ease;
    -ms-transition: filter 200ms ease;
    -moz-transition: filter 200ms ease;
    -o-transition: filter 200ms ease;
    filter: brightness(65%);
}
.nav-bar .nav a.selected {
    color: #fff;
    pointer-events: none;
}
.nav-bar .nav a.selected:hover {
    filter: brightness(100%);
}
.nav-bar .nav a.indent-1 {
    font-size: 1em;
    padding-left: 0.5em;
}
.nav-bar .nav a.indent-2 {
    font-size: 1em;
    padding-left: 1em;
}
.nav-bar .nav a.indent-3 {
    font-size: 1em;
    padding-left: 1.5em;
}
.nav-bar .nav a.indent-4 {
    font-size: 1em;
    padding-left: 2em;
}
.nav-bar .nav a.indent-5 {
    font-size: 1em;
    padding-left: 2.5em;
}
@media (max-width: 750px) {
    .markdown-container {
        padding: 2em 3em;
    }
    .paper-container .paper {
        padding: 40px 28px;
    }
    .fullscreen.half .background {
        height: 100%;
    }
    .me {
        padding: 0;
    }
    .me .title {
        font-size: 13vmin;
        margin: 0;
        text-align: center;
    }
    .me .undertitle {
        font-size: 1.75rem;
        text-align: center;
    }
    .me .image-title {
        height: 7em;
        width: 7em;
    }
    .me.unset {
        flex-direction: column;
        margin-left: 0;
    }
    .me.unset .unset {
        margin-left: 0;
    }
    .buttons {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    .buttons .btn {
        align-items: center;
        display: flex;
        font-size: 18px;
        justify-content: center;
        line-height: 20px;
        padding: 20px 10px;
        text-align: center;
        white-space: pre-line;
        width: calc(45% - 30px);
    }
    .buttons .btn i {
        margin-right: 10px;
    }
    .buttons.one-line .btn {
        padding: 14px 8px;
        width: 75%;
    }
}
@media (max-width: 550px) {
    .paper-container {
        display: block;
    }
    .paper-container .paper {
        background: #282828;
    }
    .paper-container .paper::before {
        display: none;
    }
    .container {
        margin: 0;
        margin-bottom: 2.5em;
        margin-top: 1.5em;
        padding: 0;
        width: 100%;
    }
    .flex-grid .col-xs,
    .flex-grid .col-xs-1,
    .flex-grid .col-xs-2,
    .flex-grid .col-xs-3,
    .flex-grid .col-xs-4,
    .flex-grid .col-xs-5,
    .flex-grid .col-xs-6,
    .flex-grid .col-xs-7,
    .flex-grid .col-xs-8,
    .flex-grid .col-xs-9,
    .flex-grid .col-xs-10,
    .flex-grid .col-xs-11,
    .flex-grid .col-xs-12 {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
}
.bold {
    font-weight: bold !important;
}
.italic {
    font-style: italic !important;
}
.center-text {
    text-align: center !important;
}
.left-text {
    text-align: left !important;
}
.right-text {
    text-align: right !important;
}
.full-width {
    width: 100% !important;
}
.half-width {
    width: 50% !important;
}
.no-border {
    border: 0 !important;
}
.no-border-radius {
    border-radius: 0 !important;
}
.no-box-shadow {
    box-shadow: none !important;
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-select {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}
.no-text-shadow {
    text-shadow: none !important;
}
.relative {
    position: relative !important;
}
.transparent-bg {
    background: transparent !important;
}
.center {
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
}
.center-flex {
    display: flex !important;
    justify-content: center !important;
}
.box-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}
.arial {
    font-family: Arial;
}
.monospace {
    font-family: monospace;
}
.times-new-roman {
    font-family: "Times New Roman", Times, serif;
}
.github-font-standard {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.alizarin {
    background-color: #e74c3c !important;
}
.alizarin-fill {
    fill: #e74c3c !important;
}
.alizarin-text {
    color: #e74c3c !important;
}
.alizarin-dropshadow {
    background-color: #e74c3c;
    filter: drop-shadow(5px 5px 0 rgba(231, 76, 60, 0.6));
}
.alizarin-paper {
    background: linear-gradient(225deg, transparent 26px, #e74c3c 0) !important;
}
.alizarin-paper::before {
    border-color: #e74c3c transparent !important;
    filter: brightness(75%) !important;
}
.alizarin-bar {
    background-color: #e74c3c !important;
}
.alizarin-bar::before {
    background-color: #e74c3c !important;
    filter: brightness(50%);
}
.amethyst {
    background-color: #9b59b6 !important;
}
.amethyst-fill {
    fill: #9b59b6 !important;
}
.amethyst-text {
    color: #9b59b6 !important;
}
.amethyst-dropshadow {
    background-color: #9b59b6;
    filter: drop-shadow(5px 5px 0 rgba(155, 89, 182, 0.6));
}
.amethyst-paper {
    background: linear-gradient(225deg, transparent 26px, #9b59b6 0) !important;
}
.amethyst-paper::before {
    border-color: #9b59b6 transparent !important;
    filter: brightness(75%) !important;
}
.amethyst-bar {
    background-color: #9b59b6 !important;
}
.amethyst-bar::before {
    background-color: #9b59b6 !important;
    filter: brightness(50%);
}
.aqua-blue {
    background-color: #006266 !important;
}
.aqua-blue-fill {
    fill: #006266 !important;
}
.aqua-blue-text {
    color: #006266 !important;
}
.aqua-blue-dropshadow {
    background-color: #006266;
    filter: drop-shadow(5px 5px 0 rgba(0, 98, 102, 0.6));
}
.aqua-blue-paper {
    background: linear-gradient(225deg, transparent 26px, #006266 0) !important;
}
.aqua-blue-paper::before {
    border-color: #006266 transparent !important;
    filter: brightness(75%) !important;
}
.aqua-blue-bar {
    background-color: #006266 !important;
}
.aqua-blue-bar::before {
    background-color: #006266 !important;
    filter: brightness(50%);
}
.asbestos {
    background-color: #7f8c8d !important;
}
.asbestos-fill {
    fill: #7f8c8d !important;
}
.asbestos-text {
    color: #7f8c8d !important;
}
.asbestos-dropshadow {
    background-color: #7f8c8d;
    filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
}
.asbestos-paper {
    background: linear-gradient(225deg, transparent 26px, #7f8c8d 0) !important;
}
.asbestos-paper::before {
    border-color: #7f8c8d transparent !important;
    filter: brightness(75%) !important;
}
.asbestos-bar {
    background-color: #7f8c8d !important;
}
.asbestos-bar::before {
    background-color: #7f8c8d !important;
    filter: brightness(50%);
}
.belize-hole {
    background-color: #2980b9 !important;
}
.belize-hole-fill {
    fill: #2980b9 !important;
}
.belize-hole-text {
    color: #2980b9 !important;
}
.belize-hole-dropshadow {
    background-color: #2980b9;
    filter: drop-shadow(5px 5px 0 rgba(41, 128, 185, 0.6));
}
.belize-hole-paper {
    background: linear-gradient(225deg, transparent 26px, #2980b9 0) !important;
}
.belize-hole-paper::before {
    border-color: #2980b9 transparent !important;
    filter: brightness(75%) !important;
}
.belize-hole-bar {
    background-color: #2980b9 !important;
}
.belize-hole-bar::before {
    background-color: #2980b9 !important;
    filter: brightness(50%);
}
.black {
    background-color: #000 !important;
}
.black-fill {
    fill: #000 !important;
}
.black-text {
    color: #000 !important;
}
.black-dropshadow {
    background-color: #000;
    filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
}
.black-paper {
    background: linear-gradient(225deg, transparent 26px, #000 0) !important;
}
.black-paper::before {
    border-color: #000 transparent !important;
    filter: brightness(75%) !important;
}
.black-bar {
    background-color: #000 !important;
}
.black-bar::before {
    background-color: #000 !important;
    filter: brightness(50%);
}
.blurple {
    background-color: #7289da !important;
}
.blurple-fill {
    fill: #7289da !important;
}
.blurple-text {
    color: #7289da !important;
}
.blurple-dropshadow {
    background-color: #7289da;
    filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6));
}
.blurple-paper {
    background: linear-gradient(225deg, transparent 26px, #7289da 0) !important;
}
.blurple-paper::before {
    border-color: #7289da transparent !important;
    filter: brightness(75%) !important;
}
.blurple-bar {
    background-color: #7289da !important;
}
.blurple-bar::before {
    background-color: #7289da !important;
    filter: brightness(50%);
}
.cardboard {
    background-color: #a58855 !important;
}
.cardboard-fill {
    fill: #a58855 !important;
}
.cardboard-text {
    color: #a58855 !important;
}
.cardboard-dropshadow {
    background-color: #a58855;
    filter: drop-shadow(5px 5px 0 rgba(165, 136, 85, 0.6));
}
.cardboard-paper {
    background: linear-gradient(225deg, transparent 26px, #a58855 0) !important;
}
.cardboard-paper::before {
    border-color: #a58855 transparent !important;
    filter: brightness(75%) !important;
}
.cardboard-bar {
    background-color: #a58855 !important;
}
.cardboard-bar::before {
    background-color: #a58855 !important;
    filter: brightness(50%);
}
.carrot {
    background-color: #e67e22 !important;
}
.carrot-fill {
    fill: #e67e22 !important;
}
.carrot-text {
    color: #e67e22 !important;
}
.carrot-dropshadow {
    background-color: #e67e22;
    filter: drop-shadow(5px 5px 0 rgba(230, 126, 34, 0.6));
}
.carrot-paper {
    background: linear-gradient(225deg, transparent 26px, #e67e22 0) !important;
}
.carrot-paper::before {
    border-color: #e67e22 transparent !important;
    filter: brightness(75%) !important;
}
.carrot-bar {
    background-color: #e67e22 !important;
}
.carrot-bar::before {
    background-color: #e67e22 !important;
    filter: brightness(50%);
}
.clouds {
    background-color: #ecf0f1 !important;
}
.clouds-fill {
    fill: #ecf0f1 !important;
}
.clouds-text {
    color: #ecf0f1 !important;
}
.clouds-dropshadow {
    background-color: #ecf0f1;
    filter: drop-shadow(5px 5px 0 rgba(236, 240, 241, 0.6));
}
.clouds-paper {
    background: linear-gradient(225deg, transparent 26px, #ecf0f1 0) !important;
}
.clouds-paper::before {
    border-color: #ecf0f1 transparent !important;
    filter: brightness(75%) !important;
}
.clouds-bar {
    background-color: #ecf0f1 !important;
}
.clouds-bar::before {
    background-color: #ecf0f1 !important;
    filter: brightness(50%);
}
.concrete {
    background-color: #95a5a6 !important;
}
.concrete-fill {
    fill: #95a5a6 !important;
}
.concrete-text {
    color: #95a5a6 !important;
}
.concrete-dropshadow {
    background-color: #95a5a6;
    filter: drop-shadow(5px 5px 0 rgba(149, 165, 166, 0.6));
}
.concrete-paper {
    background: linear-gradient(225deg, transparent 26px, #95a5a6 0) !important;
}
.concrete-paper::before {
    border-color: #95a5a6 transparent !important;
    filter: brightness(75%) !important;
}
.concrete-bar {
    background-color: #95a5a6 !important;
}
.concrete-bar::before {
    background-color: #95a5a6 !important;
    filter: brightness(50%);
}
.cubered {
    background-color: #ef0c0c !important;
}
.cubered-fill {
    fill: #ef0c0c !important;
}
.cubered-text {
    color: #ef0c0c !important;
}
.cubered-dropshadow {
    background-color: #ef0c0c;
    filter: drop-shadow(5px 5px 0 rgba(239, 12, 12, 0.6));
}
.cubered-paper {
    background: linear-gradient(225deg, transparent 26px, #ef0c0c 0) !important;
}
.cubered-paper::before {
    border-color: #ef0c0c transparent !important;
    filter: brightness(75%) !important;
}
.cubered-bar {
    background-color: #ef0c0c !important;
}
.cubered-bar::before {
    background-color: #ef0c0c !important;
    filter: brightness(50%);
}
.dark-not-black {
    background-color: #2c2f33 !important;
}
.dark-not-black-fill {
    fill: #2c2f33 !important;
}
.dark-not-black-text {
    color: #2c2f33 !important;
}
.dark-not-black-dropshadow {
    background-color: #2c2f33;
    filter: drop-shadow(5px 5px 0 rgba(44, 47, 51, 0.6));
}
.dark-not-black-paper {
    background: linear-gradient(225deg, transparent 26px, #2c2f33 0) !important;
}
.dark-not-black-paper::before {
    border-color: #2c2f33 transparent !important;
    filter: brightness(75%) !important;
}
.dark-not-black-bar {
    background-color: #2c2f33 !important;
}
.dark-not-black-bar::before {
    background-color: #2c2f33 !important;
    filter: brightness(50%);
}
.dark {
    background-color: #343a40 !important;
}
.dark-fill {
    fill: #343a40 !important;
}
.dark-text {
    color: #343a40 !important;
}
.dark-dropshadow {
    background-color: #343a40;
    filter: drop-shadow(5px 5px 0 rgba(52, 58, 64, 0.6));
}
.dark-paper {
    background: linear-gradient(225deg, transparent 26px, #343a40 0) !important;
}
.dark-paper::before {
    border-color: #343a40 transparent !important;
    filter: brightness(75%) !important;
}
.dark-bar {
    background-color: #343a40 !important;
}
.dark-bar::before {
    background-color: #343a40 !important;
    filter: brightness(50%);
}
.disco-ball {
    background-color: #25ccf7 !important;
}
.disco-ball-fill {
    fill: #25ccf7 !important;
}
.disco-ball-text {
    color: #25ccf7 !important;
}
.disco-ball-dropshadow {
    background-color: #25ccf7;
    filter: drop-shadow(5px 5px 0 rgba(37, 204, 247, 0.6));
}
.disco-ball-paper {
    background: linear-gradient(225deg, transparent 26px, #25ccf7 0) !important;
}
.disco-ball-paper::before {
    border-color: #25ccf7 transparent !important;
    filter: brightness(75%) !important;
}
.disco-ball-bar {
    background-color: #25ccf7 !important;
}
.disco-ball-bar::before {
    background-color: #25ccf7 !important;
    filter: brightness(50%);
}
.emerald {
    background-color: #2ecc71 !important;
}
.emerald-fill {
    fill: #2ecc71 !important;
}
.emerald-text {
    color: #2ecc71 !important;
}
.emerald-dropshadow {
    background-color: #2ecc71;
    filter: drop-shadow(5px 5px 0 rgba(46, 204, 113, 0.6));
}
.emerald-paper {
    background: linear-gradient(225deg, transparent 26px, #2ecc71 0) !important;
}
.emerald-paper::before {
    border-color: #2ecc71 transparent !important;
    filter: brightness(75%) !important;
}
.emerald-bar {
    background-color: #2ecc71 !important;
}
.emerald-bar::before {
    background-color: #2ecc71 !important;
    filter: brightness(50%);
}
.energy-drink {
    background-color: #c4e538 !important;
}
.energy-drink-fill {
    fill: #c4e538 !important;
}
.energy-drink-text {
    color: #c4e538 !important;
}
.energy-drink-dropshadow {
    background-color: #c4e538;
    filter: drop-shadow(5px 5px 0 rgba(196, 229, 56, 0.6));
}
.energy-drink-paper {
    background: linear-gradient(225deg, transparent 26px, #c4e538 0) !important;
}
.energy-drink-paper::before {
    border-color: #c4e538 transparent !important;
    filter: brightness(75%) !important;
}
.energy-drink-bar {
    background-color: #c4e538 !important;
}
.energy-drink-bar::before {
    background-color: #c4e538 !important;
    filter: brightness(50%);
}
.fuchsia {
    background-color: #b33771 !important;
}
.fuchsia-fill {
    fill: #b33771 !important;
}
.fuchsia-text {
    color: #b33771 !important;
}
.fuchsia-dropshadow {
    background-color: #b33771;
    filter: drop-shadow(5px 5px 0 rgba(179, 55, 113, 0.6));
}
.fuchsia-paper {
    background: linear-gradient(225deg, transparent 26px, #b33771 0) !important;
}
.fuchsia-paper::before {
    border-color: #b33771 transparent !important;
    filter: brightness(75%) !important;
}
.fuchsia-bar {
    background-color: #b33771 !important;
}
.fuchsia-bar::before {
    background-color: #b33771 !important;
    filter: brightness(50%);
}
.gold {
    background-color: gold !important;
}
.gold-fill {
    fill: gold !important;
}
.gold-text {
    color: gold !important;
}
.gold-dropshadow {
    background-color: gold;
    filter: drop-shadow(5px 5px 0 rgba(255, 215, 0, 0.6));
}
.gold-paper {
    background: linear-gradient(225deg, transparent 26px, gold 0) !important;
}
.gold-paper::before {
    border-color: gold transparent !important;
    filter: brightness(75%) !important;
}
.gold-bar {
    background-color: gold !important;
}
.gold-bar::before {
    background-color: gold !important;
    filter: brightness(50%);
}
.green-sea {
    background-color: #16a085 !important;
}
.green-sea-fill {
    fill: #16a085 !important;
}
.green-sea-text {
    color: #16a085 !important;
}
.green-sea-dropshadow {
    background-color: #16a085;
    filter: drop-shadow(5px 5px 0 rgba(22, 160, 133, 0.6));
}
.green-sea-paper {
    background: linear-gradient(225deg, transparent 26px, #16a085 0) !important;
}
.green-sea-paper::before {
    border-color: #16a085 transparent !important;
    filter: brightness(75%) !important;
}
.green-sea-bar {
    background-color: #16a085 !important;
}
.green-sea-bar::before {
    background-color: #16a085 !important;
    filter: brightness(50%);
}
.greyple {
    background-color: #99aab5 !important;
}
.greyple-fill {
    fill: #99aab5 !important;
}
.greyple-text {
    color: #99aab5 !important;
}
.greyple-dropshadow {
    background-color: #99aab5;
    filter: drop-shadow(5px 5px 0 rgba(153, 170, 181, 0.6));
}
.greyple-paper {
    background: linear-gradient(225deg, transparent 26px, #99aab5 0) !important;
}
.greyple-paper::before {
    border-color: #99aab5 transparent !important;
    filter: brightness(75%) !important;
}
.greyple-bar {
    background-color: #99aab5 !important;
}
.greyple-bar::before {
    background-color: #99aab5 !important;
    filter: brightness(50%);
}
.highlight {
    background-color: #181818 !important;
}
.highlight-fill {
    fill: #181818 !important;
}
.highlight-text {
    color: #181818 !important;
}
.highlight-dropshadow {
    background-color: #181818;
    filter: drop-shadow(5px 5px 0 rgba(24, 24, 24, 0.6));
}
.highlight-paper {
    background: linear-gradient(225deg, transparent 26px, #181818 0) !important;
}
.highlight-paper::before {
    border-color: #181818 transparent !important;
    filter: brightness(75%) !important;
}
.highlight-bar {
    background-color: #181818 !important;
}
.highlight-bar::before {
    background-color: #181818 !important;
    filter: brightness(50%);
}
.honey {
    background-color: #eab543 !important;
}
.honey-fill {
    fill: #eab543 !important;
}
.honey-text {
    color: #eab543 !important;
}
.honey-dropshadow {
    background-color: #eab543;
    filter: drop-shadow(5px 5px 0 rgba(234, 181, 67, 0.6));
}
.honey-paper {
    background: linear-gradient(225deg, transparent 26px, #eab543 0) !important;
}
.honey-paper::before {
    border-color: #eab543 transparent !important;
    filter: brightness(75%) !important;
}
.honey-bar {
    background-color: #eab543 !important;
}
.honey-bar::before {
    background-color: #eab543 !important;
    filter: brightness(50%);
}
.lavender {
    background-color: #b57edc !important;
}
.lavender-fill {
    fill: #b57edc !important;
}
.lavender-text {
    color: #b57edc !important;
}
.lavender-dropshadow {
    background-color: #b57edc;
    filter: drop-shadow(5px 5px 0 rgba(181, 126, 220, 0.6));
}
.lavender-paper {
    background: linear-gradient(225deg, transparent 26px, #b57edc 0) !important;
}
.lavender-paper::before {
    border-color: #b57edc transparent !important;
    filter: brightness(75%) !important;
}
.lavender-bar {
    background-color: #b57edc !important;
}
.lavender-bar::before {
    background-color: #b57edc !important;
    filter: brightness(50%);
}
.light {
    background-color: #f8f9fa !important;
}
.light-fill {
    fill: #f8f9fa !important;
}
.light-text {
    color: #f8f9fa !important;
}
.light-dropshadow {
    background-color: #f8f9fa;
    filter: drop-shadow(5px 5px 0 rgba(248, 249, 250, 0.6));
}
.light-paper {
    background: linear-gradient(225deg, transparent 26px, #f8f9fa 0) !important;
}
.light-paper::before {
    border-color: #f8f9fa transparent !important;
    filter: brightness(75%) !important;
}
.light-bar {
    background-color: #f8f9fa !important;
}
.light-bar::before {
    background-color: #f8f9fa !important;
    filter: brightness(50%);
}
.lemon {
    background-color: #ffeaa7 !important;
}
.lemon-fill {
    fill: #ffeaa7 !important;
}
.lemon-text {
    color: #ffeaa7 !important;
}
.lemon-dropshadow {
    background-color: #ffeaa7;
    filter: drop-shadow(5px 5px 0 rgba(255, 234, 167, 0.6));
}
.lemon-paper {
    background: linear-gradient(225deg, transparent 26px, #ffeaa7 0) !important;
}
.lemon-paper::before {
    border-color: #ffeaa7 transparent !important;
    filter: brightness(75%) !important;
}
.lemon-bar {
    background-color: #ffeaa7 !important;
}
.lemon-bar::before {
    background-color: #ffeaa7 !important;
    filter: brightness(50%);
}
.marine-blue {
    background-color: #0652dd !important;
}
.marine-blue-fill {
    fill: #0652dd !important;
}
.marine-blue-text {
    color: #0652dd !important;
}
.marine-blue-dropshadow {
    background-color: #0652dd;
    filter: drop-shadow(5px 5px 0 rgba(6, 82, 221, 0.6));
}
.marine-blue-paper {
    background: linear-gradient(225deg, transparent 26px, #0652dd 0) !important;
}
.marine-blue-paper::before {
    border-color: #0652dd transparent !important;
    filter: brightness(75%) !important;
}
.marine-blue-bar {
    background-color: #0652dd !important;
}
.marine-blue-bar::before {
    background-color: #0652dd !important;
    filter: brightness(50%);
}
.midnight-blue {
    background-color: #2c3e50 !important;
}
.midnight-blue-fill {
    fill: #2c3e50 !important;
}
.midnight-blue-text {
    color: #2c3e50 !important;
}
.midnight-blue-dropshadow {
    background-color: #2c3e50;
    filter: drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6));
}
.midnight-blue-paper {
    background: linear-gradient(225deg, transparent 26px, #2c3e50 0) !important;
}
.midnight-blue-paper::before {
    border-color: #2c3e50 transparent !important;
    filter: brightness(75%) !important;
}
.midnight-blue-bar {
    background-color: #2c3e50 !important;
}
.midnight-blue-bar::before {
    background-color: #2c3e50 !important;
    filter: brightness(50%);
}
.navy-blue {
    background-color: #182c61 !important;
}
.navy-blue-fill {
    fill: #182c61 !important;
}
.navy-blue-text {
    color: #182c61 !important;
}
.navy-blue-dropshadow {
    background-color: #182c61;
    filter: drop-shadow(5px 5px 0 rgba(24, 44, 97, 0.6));
}
.navy-blue-paper {
    background: linear-gradient(225deg, transparent 26px, #182c61 0) !important;
}
.navy-blue-paper::before {
    border-color: #182c61 transparent !important;
    filter: brightness(75%) !important;
}
.navy-blue-bar {
    background-color: #182c61 !important;
}
.navy-blue-bar::before {
    background-color: #182c61 !important;
    filter: brightness(50%);
}
.nephritis-blue {
    background-color: #27ae60 !important;
}
.nephritis-blue-fill {
    fill: #27ae60 !important;
}
.nephritis-blue-text {
    color: #27ae60 !important;
}
.nephritis-blue-dropshadow {
    background-color: #27ae60;
    filter: drop-shadow(5px 5px 0 rgba(39, 174, 96, 0.6));
}
.nephritis-blue-paper {
    background: linear-gradient(225deg, transparent 26px, #27ae60 0) !important;
}
.nephritis-blue-paper::before {
    border-color: #27ae60 transparent !important;
    filter: brightness(75%) !important;
}
.nephritis-blue-bar {
    background-color: #27ae60 !important;
}
.nephritis-blue-bar::before {
    background-color: #27ae60 !important;
    filter: brightness(50%);
}
.not-black {
    background-color: #23272a !important;
}
.not-black-fill {
    fill: #23272a !important;
}
.not-black-text {
    color: #23272a !important;
}
.not-black-dropshadow {
    background-color: #23272a;
    filter: drop-shadow(5px 5px 0 rgba(35, 39, 42, 0.6));
}
.not-black-paper {
    background: linear-gradient(225deg, transparent 26px, #23272a 0) !important;
}
.not-black-paper::before {
    border-color: #23272a transparent !important;
    filter: brightness(75%) !important;
}
.not-black-bar {
    background-color: #23272a !important;
}
.not-black-bar::before {
    background-color: #23272a !important;
    filter: brightness(50%);
}
.orange {
    background-color: #f39c12 !important;
}
.orange-fill {
    fill: #f39c12 !important;
}
.orange-text {
    color: #f39c12 !important;
}
.orange-dropshadow {
    background-color: #f39c12;
    filter: drop-shadow(5px 5px 0 rgba(243, 156, 18, 0.6));
}
.orange-paper {
    background: linear-gradient(225deg, transparent 26px, #f39c12 0) !important;
}
.orange-paper::before {
    border-color: #f39c12 transparent !important;
    filter: brightness(75%) !important;
}
.orange-bar {
    background-color: #f39c12 !important;
}
.orange-bar::before {
    background-color: #f39c12 !important;
    filter: brightness(50%);
}
.peach {
    background-color: #f49898 !important;
}
.peach-fill {
    fill: #f49898 !important;
}
.peach-text {
    color: #f49898 !important;
}
.peach-dropshadow {
    background-color: #f49898;
    filter: drop-shadow(5px 5px 0 rgba(244, 152, 152, 0.6));
}
.peach-paper {
    background: linear-gradient(225deg, transparent 26px, #f49898 0) !important;
}
.peach-paper::before {
    border-color: #f49898 transparent !important;
    filter: brightness(75%) !important;
}
.peach-bar {
    background-color: #f49898 !important;
}
.peach-bar::before {
    background-color: #f49898 !important;
    filter: brightness(50%);
}
.peter-river {
    background-color: #3498db !important;
}
.peter-river-fill {
    fill: #3498db !important;
}
.peter-river-text {
    color: #3498db !important;
}
.peter-river-dropshadow {
    background-color: #3498db;
    filter: drop-shadow(5px 5px 0 rgba(52, 152, 219, 0.6));
}
.peter-river-paper {
    background: linear-gradient(225deg, transparent 26px, #3498db 0) !important;
}
.peter-river-paper::before {
    border-color: #3498db transparent !important;
    filter: brightness(75%) !important;
}
.peter-river-bar {
    background-color: #3498db !important;
}
.peter-river-bar::before {
    background-color: #3498db !important;
    filter: brightness(50%);
}
.pink-cherry {
    background-color: #e84393 !important;
}
.pink-cherry-fill {
    fill: #e84393 !important;
}
.pink-cherry-text {
    color: #e84393 !important;
}
.pink-cherry-dropshadow {
    background-color: #e84393;
    filter: drop-shadow(5px 5px 0 rgba(232, 67, 147, 0.6));
}
.pink-cherry-paper {
    background: linear-gradient(225deg, transparent 26px, #e84393 0) !important;
}
.pink-cherry-paper::before {
    border-color: #e84393 transparent !important;
    filter: brightness(75%) !important;
}
.pink-cherry-bar {
    background-color: #e84393 !important;
}
.pink-cherry-bar::before {
    background-color: #e84393 !important;
    filter: brightness(50%);
}
.pine {
    background-color: #bdc581 !important;
}
.pine-fill {
    fill: #bdc581 !important;
}
.pine-text {
    color: #bdc581 !important;
}
.pine-dropshadow {
    background-color: #bdc581;
    filter: drop-shadow(5px 5px 0 rgba(189, 197, 129, 0.6));
}
.pine-paper {
    background: linear-gradient(225deg, transparent 26px, #bdc581 0) !important;
}
.pine-paper::before {
    border-color: #bdc581 transparent !important;
    filter: brightness(75%) !important;
}
.pine-bar {
    background-color: #bdc581 !important;
}
.pine-bar::before {
    background-color: #bdc581 !important;
    filter: brightness(50%);
}
.pinewood {
    background-color: #fdcb6e !important;
}
.pinewood-fill {
    fill: #fdcb6e !important;
}
.pinewood-text {
    color: #fdcb6e !important;
}
.pinewood-dropshadow {
    background-color: #fdcb6e;
    filter: drop-shadow(5px 5px 0 rgba(253, 203, 110, 0.6));
}
.pinewood-paper {
    background: linear-gradient(225deg, transparent 26px, #fdcb6e 0) !important;
}
.pinewood-paper::before {
    border-color: #fdcb6e transparent !important;
    filter: brightness(75%) !important;
}
.pinewood-bar {
    background-color: #fdcb6e !important;
}
.pinewood-bar::before {
    background-color: #fdcb6e !important;
    filter: brightness(50%);
}
.pomegranate {
    background-color: #c0392b !important;
}
.pomegranate-fill {
    fill: #c0392b !important;
}
.pomegranate-text {
    color: #c0392b !important;
}
.pomegranate-dropshadow {
    background-color: #c0392b;
    filter: drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6));
}
.pomegranate-paper {
    background: linear-gradient(225deg, transparent 26px, #c0392b 0) !important;
}
.pomegranate-paper::before {
    border-color: #c0392b transparent !important;
    filter: brightness(75%) !important;
}
.pomegranate-bar {
    background-color: #c0392b !important;
}
.pomegranate-bar::before {
    background-color: #c0392b !important;
    filter: brightness(50%);
}
.primary {
    background-color: #282828 !important;
}
.primary-fill {
    fill: #282828 !important;
}
.primary-text {
    color: #282828 !important;
}
.primary-dropshadow {
    background-color: #282828;
    filter: drop-shadow(5px 5px 0 rgba(40, 40, 40, 0.6));
}
.primary-paper {
    background: linear-gradient(225deg, transparent 26px, #282828 0) !important;
}
.primary-paper::before {
    border-color: #282828 transparent !important;
    filter: brightness(75%) !important;
}
.primary-bar {
    background-color: #282828 !important;
}
.primary-bar::before {
    background-color: #282828 !important;
    filter: brightness(50%);
}
.pumpkin {
    background-color: #d35400 !important;
}
.pumpkin-fill {
    fill: #d35400 !important;
}
.pumpkin-text {
    color: #d35400 !important;
}
.pumpkin-dropshadow {
    background-color: #d35400;
    filter: drop-shadow(5px 5px 0 rgba(211, 84, 0, 0.6));
}
.pumpkin-paper {
    background: linear-gradient(225deg, transparent 26px, #d35400 0) !important;
}
.pumpkin-paper::before {
    border-color: #d35400 transparent !important;
    filter: brightness(75%) !important;
}
.pumpkin-bar {
    background-color: #d35400 !important;
}
.pumpkin-bar::before {
    background-color: #d35400 !important;
    filter: brightness(50%);
}
.rasberry {
    background-color: #c51d4a !important;
}
.rasberry-fill {
    fill: #c51d4a !important;
}
.rasberry-text {
    color: #c51d4a !important;
}
.rasberry-dropshadow {
    background-color: #c51d4a;
    filter: drop-shadow(5px 5px 0 rgba(197, 29, 74, 0.6));
}
.rasberry-paper {
    background: linear-gradient(225deg, transparent 26px, #c51d4a 0) !important;
}
.rasberry-paper::before {
    border-color: #c51d4a transparent !important;
    filter: brightness(75%) !important;
}
.rasberry-bar {
    background-color: #c51d4a !important;
}
.rasberry-bar::before {
    background-color: #c51d4a !important;
    filter: brightness(50%);
}
.raw-purple {
    background-color: #7222c9 !important;
}
.raw-purple-fill {
    fill: #7222c9 !important;
}
.raw-purple-text {
    color: #7222c9 !important;
}
.raw-purple-dropshadow {
    background-color: #7222c9;
    filter: drop-shadow(5px 5px 0 rgba(114, 34, 201, 0.6));
}
.raw-purple-paper {
    background: linear-gradient(225deg, transparent 26px, #7222c9 0) !important;
}
.raw-purple-paper::before {
    border-color: #7222c9 transparent !important;
    filter: brightness(75%) !important;
}
.raw-purple-bar {
    background-color: #7222c9 !important;
}
.raw-purple-bar::before {
    background-color: #7222c9 !important;
    filter: brightness(50%);
}
.secondary {
    background-color: #303030 !important;
}
.secondary-fill {
    fill: #303030 !important;
}
.secondary-text {
    color: #303030 !important;
}
.secondary-dropshadow {
    background-color: #303030;
    filter: drop-shadow(5px 5px 0 rgba(48, 48, 48, 0.6));
}
.secondary-paper {
    background: linear-gradient(225deg, transparent 26px, #303030 0) !important;
}
.secondary-paper::before {
    border-color: #303030 transparent !important;
    filter: brightness(75%) !important;
}
.secondary-bar {
    background-color: #303030 !important;
}
.secondary-bar::before {
    background-color: #303030 !important;
    filter: brightness(50%);
}
.silver {
    background-color: #7f8c8d !important;
}
.silver-fill {
    fill: #7f8c8d !important;
}
.silver-text {
    color: #7f8c8d !important;
}
.silver-dropshadow {
    background-color: #7f8c8d;
    filter: drop-shadow(5px 5px 0 rgba(127, 140, 141, 0.6));
}
.silver-paper {
    background: linear-gradient(225deg, transparent 26px, #7f8c8d 0) !important;
}
.silver-paper::before {
    border-color: #7f8c8d transparent !important;
    filter: brightness(75%) !important;
}
.silver-bar {
    background-color: #7f8c8d !important;
}
.silver-bar::before {
    background-color: #7f8c8d !important;
    filter: brightness(50%);
}
.soft-purple {
    background-color: #6c5ce7 !important;
}
.soft-purple-fill {
    fill: #6c5ce7 !important;
}
.soft-purple-text {
    color: #6c5ce7 !important;
}
.soft-purple-dropshadow {
    background-color: #6c5ce7;
    filter: drop-shadow(5px 5px 0 rgba(108, 92, 231, 0.6));
}
.soft-purple-paper {
    background: linear-gradient(225deg, transparent 26px, #6c5ce7 0) !important;
}
.soft-purple-paper::before {
    border-color: #6c5ce7 transparent !important;
    filter: brightness(75%) !important;
}
.soft-purple-bar {
    background-color: #6c5ce7 !important;
}
.soft-purple-bar::before {
    background-color: #6c5ce7 !important;
    filter: brightness(50%);
}
.sun-flower {
    background-color: #f1c40f !important;
}
.sun-flower-fill {
    fill: #f1c40f !important;
}
.sun-flower-text {
    color: #f1c40f !important;
}
.sun-flower-dropshadow {
    background-color: #f1c40f;
    filter: drop-shadow(5px 5px 0 rgba(241, 196, 15, 0.6));
}
.sun-flower-paper {
    background: linear-gradient(225deg, transparent 26px, #f1c40f 0) !important;
}
.sun-flower-paper::before {
    border-color: #f1c40f transparent !important;
    filter: brightness(75%) !important;
}
.sun-flower-bar {
    background-color: #f1c40f !important;
}
.sun-flower-bar::before {
    background-color: #f1c40f !important;
    filter: brightness(50%);
}
.transparent {
    background-color: transparent !important;
}
.transparent-fill {
    fill: transparent !important;
}
.transparent-text {
    color: transparent !important;
}
.transparent-dropshadow {
    background-color: transparent;
    filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6));
}
.transparent-paper {
    background: linear-gradient(225deg, transparent 26px, transparent 0) !important;
}
.transparent-paper::before {
    border-color: transparent transparent !important;
    filter: brightness(75%) !important;
}
.transparent-bar {
    background-color: transparent !important;
}
.transparent-bar::before {
    background-color: transparent !important;
    filter: brightness(50%);
}
.turquoise {
    background-color: #1abc9c !important;
}
.turquoise-fill {
    fill: #1abc9c !important;
}
.turquoise-text {
    color: #1abc9c !important;
}
.turquoise-dropshadow {
    background-color: #1abc9c;
    filter: drop-shadow(5px 5px 0 rgba(26, 188, 156, 0.6));
}
.turquoise-paper {
    background: linear-gradient(225deg, transparent 26px, #1abc9c 0) !important;
}
.turquoise-paper::before {
    border-color: #1abc9c transparent !important;
    filter: brightness(75%) !important;
}
.turquoise-bar {
    background-color: #1abc9c !important;
}
.turquoise-bar::before {
    background-color: #1abc9c !important;
    filter: brightness(50%);
}
.watermelon {
    background-color: #ff4757 !important;
}
.watermelon-fill {
    fill: #ff4757 !important;
}
.watermelon-text {
    color: #ff4757 !important;
}
.watermelon-dropshadow {
    background-color: #ff4757;
    filter: drop-shadow(5px 5px 0 rgba(255, 71, 87, 0.6));
}
.watermelon-paper {
    background: linear-gradient(225deg, transparent 26px, #ff4757 0) !important;
}
.watermelon-paper::before {
    border-color: #ff4757 transparent !important;
    filter: brightness(75%) !important;
}
.watermelon-bar {
    background-color: #ff4757 !important;
}
.watermelon-bar::before {
    background-color: #ff4757 !important;
    filter: brightness(50%);
}
.wet-asphalt {
    background-color: #34495e !important;
}
.wet-asphalt-fill {
    fill: #34495e !important;
}
.wet-asphalt-text {
    color: #34495e !important;
}
.wet-asphalt-dropshadow {
    background-color: #34495e;
    filter: drop-shadow(5px 5px 0 rgba(52, 73, 94, 0.6));
}
.wet-asphalt-paper {
    background: linear-gradient(225deg, transparent 26px, #34495e 0) !important;
}
.wet-asphalt-paper::before {
    border-color: #34495e transparent !important;
    filter: brightness(75%) !important;
}
.wet-asphalt-bar {
    background-color: #34495e !important;
}
.wet-asphalt-bar::before {
    background-color: #34495e !important;
    filter: brightness(50%);
}
.white {
    background-color: #fff !important;
}
.white-fill {
    fill: #fff !important;
}
.white-text {
    color: #fff !important;
}
.white-dropshadow {
    background-color: #fff;
    filter: drop-shadow(5px 5px 0 rgba(255, 255, 255, 0.6));
}
.white-paper {
    background: linear-gradient(225deg, transparent 26px, #fff 0) !important;
}
.white-paper::before {
    border-color: #fff transparent !important;
    filter: brightness(75%) !important;
}
.white-bar {
    background-color: #fff !important;
}
.white-bar::before {
    background-color: #fff !important;
    filter: brightness(50%);
}
.wisteria {
    background-color: #8e44ad !important;
}
.wisteria-fill {
    fill: #8e44ad !important;
}
.wisteria-text {
    color: #8e44ad !important;
}
.wisteria-dropshadow {
    background-color: #8e44ad;
    filter: drop-shadow(5px 5px 0 rgba(142, 68, 173, 0.6));
}
.wisteria-paper {
    background: linear-gradient(225deg, transparent 26px, #8e44ad 0) !important;
}
.wisteria-paper::before {
    border-color: #8e44ad transparent !important;
    filter: brightness(75%) !important;
}
.wisteria-bar {
    background-color: #8e44ad !important;
}
.wisteria-bar::before {
    background-color: #8e44ad !important;
    filter: brightness(50%);
}
.amazon {
    background-color: #f90 !important;
}
.amazon-fill {
    fill: #f90 !important;
}
.amazon-text {
    color: #f90 !important;
}
.amazon-dropshadow {
    background-color: #f90;
    filter: drop-shadow(5px 5px 0 rgba(255, 153, 0, 0.6));
}
.amazon-paper {
    background: linear-gradient(225deg, transparent 26px, #f90 0) !important;
}
.amazon-paper::before {
    border-color: #f90 transparent !important;
    filter: brightness(75%) !important;
}
.amazon-bar {
    background-color: #f90 !important;
}
.amazon-bar::before {
    background-color: #f90 !important;
    filter: brightness(50%);
}
.android {
    background-color: #8ec047 !important;
}
.android-fill {
    fill: #8ec047 !important;
}
.android-text {
    color: #8ec047 !important;
}
.android-dropshadow {
    background-color: #8ec047;
    filter: drop-shadow(5px 5px 0 rgba(142, 192, 71, 0.6));
}
.android-paper {
    background: linear-gradient(225deg, transparent 26px, #8ec047 0) !important;
}
.android-paper::before {
    border-color: #8ec047 transparent !important;
    filter: brightness(75%) !important;
}
.android-bar {
    background-color: #8ec047 !important;
}
.android-bar::before {
    background-color: #8ec047 !important;
    filter: brightness(50%);
}
.bandcamp {
    background-color: #619aa9 !important;
}
.bandcamp-fill {
    fill: #619aa9 !important;
}
.bandcamp-text {
    color: #619aa9 !important;
}
.bandcamp-dropshadow {
    background-color: #619aa9;
    filter: drop-shadow(5px 5px 0 rgba(97, 154, 169, 0.6));
}
.bandcamp-paper {
    background: linear-gradient(225deg, transparent 26px, #619aa9 0) !important;
}
.bandcamp-paper::before {
    border-color: #619aa9 transparent !important;
    filter: brightness(75%) !important;
}
.bandcamp-bar {
    background-color: #619aa9 !important;
}
.bandcamp-bar::before {
    background-color: #619aa9 !important;
    filter: brightness(50%);
}
.deviantart {
    background-color: #05cc47 !important;
}
.deviantart-fill {
    fill: #05cc47 !important;
}
.deviantart-text {
    color: #05cc47 !important;
}
.deviantart-dropshadow {
    background-color: #05cc47;
    filter: drop-shadow(5px 5px 0 rgba(5, 204, 71, 0.6));
}
.deviantart-paper {
    background: linear-gradient(225deg, transparent 26px, #05cc47 0) !important;
}
.deviantart-paper::before {
    border-color: #05cc47 transparent !important;
    filter: brightness(75%) !important;
}
.deviantart-bar {
    background-color: #05cc47 !important;
}
.deviantart-bar::before {
    background-color: #05cc47 !important;
    filter: brightness(50%);
}
.discord {
    background-color: #7289da !important;
}
.discord-fill {
    fill: #7289da !important;
}
.discord-text {
    color: #7289da !important;
}
.discord-dropshadow {
    background-color: #7289da;
    filter: drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6));
}
.discord-paper {
    background: linear-gradient(225deg, transparent 26px, #7289da 0) !important;
}
.discord-paper::before {
    border-color: #7289da transparent !important;
    filter: brightness(75%) !important;
}
.discord-bar {
    background-color: #7289da !important;
}
.discord-bar::before {
    background-color: #7289da !important;
    filter: brightness(50%);
}
.facebook {
    background-color: #3b5998 !important;
}
.facebook-fill {
    fill: #3b5998 !important;
}
.facebook-text {
    color: #3b5998 !important;
}
.facebook-dropshadow {
    background-color: #3b5998;
    filter: drop-shadow(5px 5px 0 rgba(59, 89, 152, 0.6));
}
.facebook-paper {
    background: linear-gradient(225deg, transparent 26px, #3b5998 0) !important;
}
.facebook-paper::before {
    border-color: #3b5998 transparent !important;
    filter: brightness(75%) !important;
}
.facebook-bar {
    background-color: #3b5998 !important;
}
.facebook-bar::before {
    background-color: #3b5998 !important;
    filter: brightness(50%);
}
.gitea {
    background-color: #5aa509 !important;
}
.gitea-fill {
    fill: #5aa509 !important;
}
.gitea-text {
    color: #5aa509 !important;
}
.gitea-dropshadow {
    background-color: #5aa509;
    filter: drop-shadow(5px 5px 0 rgba(90, 165, 9, 0.6));
}
.gitea-paper {
    background: linear-gradient(225deg, transparent 26px, #5aa509 0) !important;
}
.gitea-paper::before {
    border-color: #5aa509 transparent !important;
    filter: brightness(75%) !important;
}
.gitea-bar {
    background-color: #5aa509 !important;
}
.gitea-bar::before {
    background-color: #5aa509 !important;
    filter: brightness(50%);
}
.github {
    background-color: #292d32 !important;
}
.github-fill {
    fill: #292d32 !important;
}
.github-text {
    color: #292d32 !important;
}
.github-dropshadow {
    background-color: #292d32;
    filter: drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6));
}
.github-paper {
    background: linear-gradient(225deg, transparent 26px, #292d32 0) !important;
}
.github-paper::before {
    border-color: #292d32 transparent !important;
    filter: brightness(75%) !important;
}
.github-bar {
    background-color: #292d32 !important;
}
.github-bar::before {
    background-color: #292d32 !important;
    filter: brightness(50%);
}
.gitlab {
    background-color: #fc6d26 !important;
}
.gitlab-fill {
    fill: #fc6d26 !important;
}
.gitlab-text {
    color: #fc6d26 !important;
}
.gitlab-dropshadow {
    background-color: #fc6d26;
    filter: drop-shadow(5px 5px 0 rgba(252, 109, 38, 0.6));
}
.gitlab-paper {
    background: linear-gradient(225deg, transparent 26px, #fc6d26 0) !important;
}
.gitlab-paper::before {
    border-color: #fc6d26 transparent !important;
    filter: brightness(75%) !important;
}
.gitlab-bar {
    background-color: #fc6d26 !important;
}
.gitlab-bar::before {
    background-color: #fc6d26 !important;
    filter: brightness(50%);
}
.google {
    background-color: #4285f4 !important;
}
.google-fill {
    fill: #4285f4 !important;
}
.google-text {
    color: #4285f4 !important;
}
.google-dropshadow {
    background-color: #4285f4;
    filter: drop-shadow(5px 5px 0 rgba(66, 133, 244, 0.6));
}
.google-paper {
    background: linear-gradient(225deg, transparent 26px, #4285f4 0) !important;
}
.google-paper::before {
    border-color: #4285f4 transparent !important;
    filter: brightness(75%) !important;
}
.google-bar {
    background-color: #4285f4 !important;
}
.google-bar::before {
    background-color: #4285f4 !important;
    filter: brightness(50%);
}
.googleplus {
    background-color: #db4437 !important;
}
.googleplus-fill {
    fill: #db4437 !important;
}
.googleplus-text {
    color: #db4437 !important;
}
.googleplus-dropshadow {
    background-color: #db4437;
    filter: drop-shadow(5px 5px 0 rgba(219, 68, 55, 0.6));
}
.googleplus-paper {
    background: linear-gradient(225deg, transparent 26px, #db4437 0) !important;
}
.googleplus-paper::before {
    border-color: #db4437 transparent !important;
    filter: brightness(75%) !important;
}
.googleplus-bar {
    background-color: #db4437 !important;
}
.googleplus-bar::before {
    background-color: #db4437 !important;
    filter: brightness(50%);
}
.instagram {
    background-color: #c32aa3 !important;
}
.instagram-fill {
    fill: #c32aa3 !important;
}
.instagram-text {
    color: #c32aa3 !important;
}
.instagram-dropshadow {
    background-color: #c32aa3;
    filter: drop-shadow(5px 5px 0 rgba(195, 42, 163, 0.6));
}
.instagram-paper {
    background: linear-gradient(225deg, transparent 26px, #c32aa3 0) !important;
}
.instagram-paper::before {
    border-color: #c32aa3 transparent !important;
    filter: brightness(75%) !important;
}
.instagram-bar {
    background-color: #c32aa3 !important;
}
.instagram-bar::before {
    background-color: #c32aa3 !important;
    filter: brightness(50%);
}
.line {
    background-color: #00b901 !important;
}
.line-fill {
    fill: #00b901 !important;
}
.line-text {
    color: #00b901 !important;
}
.line-dropshadow {
    background-color: #00b901;
    filter: drop-shadow(5px 5px 0 rgba(0, 185, 1, 0.6));
}
.line-paper {
    background: linear-gradient(225deg, transparent 26px, #00b901 0) !important;
}
.line-paper::before {
    border-color: #00b901 transparent !important;
    filter: brightness(75%) !important;
}
.line-bar {
    background-color: #00b901 !important;
}
.line-bar::before {
    background-color: #00b901 !important;
    filter: brightness(50%);
}
.linkedin {
    background-color: #007bb5 !important;
}
.linkedin-fill {
    fill: #007bb5 !important;
}
.linkedin-text {
    color: #007bb5 !important;
}
.linkedin-dropshadow {
    background-color: #007bb5;
    filter: drop-shadow(5px 5px 0 rgba(0, 123, 181, 0.6));
}
.linkedin-paper {
    background: linear-gradient(225deg, transparent 26px, #007bb5 0) !important;
}
.linkedin-paper::before {
    border-color: #007bb5 transparent !important;
    filter: brightness(75%) !important;
}
.linkedin-bar {
    background-color: #007bb5 !important;
}
.linkedin-bar::before {
    background-color: #007bb5 !important;
    filter: brightness(50%);
}
.npm {
    background-color: #c12127 !important;
}
.npm-fill {
    fill: #c12127 !important;
}
.npm-text {
    color: #c12127 !important;
}
.npm-dropshadow {
    background-color: #c12127;
    filter: drop-shadow(5px 5px 0 rgba(193, 33, 39, 0.6));
}
.npm-paper {
    background: linear-gradient(225deg, transparent 26px, #c12127 0) !important;
}
.npm-paper::before {
    border-color: #c12127 transparent !important;
    filter: brightness(75%) !important;
}
.npm-bar {
    background-color: #c12127 !important;
}
.npm-bar::before {
    background-color: #c12127 !important;
    filter: brightness(50%);
}
.patreon {
    background-color: #f96854 !important;
}
.patreon-fill {
    fill: #f96854 !important;
}
.patreon-text {
    color: #f96854 !important;
}
.patreon-dropshadow {
    background-color: #f96854;
    filter: drop-shadow(5px 5px 0 rgba(249, 104, 84, 0.6));
}
.patreon-paper {
    background: linear-gradient(225deg, transparent 26px, #f96854 0) !important;
}
.patreon-paper::before {
    border-color: #f96854 transparent !important;
    filter: brightness(75%) !important;
}
.patreon-bar {
    background-color: #f96854 !important;
}
.patreon-bar::before {
    background-color: #f96854 !important;
    filter: brightness(50%);
}
.paypal {
    background-color: #1e9cd7 !important;
}
.paypal-fill {
    fill: #1e9cd7 !important;
}
.paypal-text {
    color: #1e9cd7 !important;
}
.paypal-dropshadow {
    background-color: #1e9cd7;
    filter: drop-shadow(5px 5px 0 rgba(30, 156, 215, 0.6));
}
.paypal-paper {
    background: linear-gradient(225deg, transparent 26px, #1e9cd7 0) !important;
}
.paypal-paper::before {
    border-color: #1e9cd7 transparent !important;
    filter: brightness(75%) !important;
}
.paypal-bar {
    background-color: #1e9cd7 !important;
}
.paypal-bar::before {
    background-color: #1e9cd7 !important;
    filter: brightness(50%);
}
.pinterest {
    background-color: #bd081c !important;
}
.pinterest-fill {
    fill: #bd081c !important;
}
.pinterest-text {
    color: #bd081c !important;
}
.pinterest-dropshadow {
    background-color: #bd081c;
    filter: drop-shadow(5px 5px 0 rgba(189, 8, 28, 0.6));
}
.pinterest-paper {
    background: linear-gradient(225deg, transparent 26px, #bd081c 0) !important;
}
.pinterest-paper::before {
    border-color: #bd081c transparent !important;
    filter: brightness(75%) !important;
}
.pinterest-bar {
    background-color: #bd081c !important;
}
.pinterest-bar::before {
    background-color: #bd081c !important;
    filter: brightness(50%);
}
.reddit {
    background-color: #ff4500 !important;
}
.reddit-fill {
    fill: #ff4500 !important;
}
.reddit-text {
    color: #ff4500 !important;
}
.reddit-dropshadow {
    background-color: #ff4500;
    filter: drop-shadow(5px 5px 0 rgba(255, 69, 0, 0.6));
}
.reddit-paper {
    background: linear-gradient(225deg, transparent 26px, #ff4500 0) !important;
}
.reddit-paper::before {
    border-color: #ff4500 transparent !important;
    filter: brightness(75%) !important;
}
.reddit-bar {
    background-color: #ff4500 !important;
}
.reddit-bar::before {
    background-color: #ff4500 !important;
    filter: brightness(50%);
}
.skype {
    background-color: #41a6ed !important;
}
.skype-fill {
    fill: #41a6ed !important;
}
.skype-text {
    color: #41a6ed !important;
}
.skype-dropshadow {
    background-color: #41a6ed;
    filter: drop-shadow(5px 5px 0 rgba(65, 166, 237, 0.6));
}
.skype-paper {
    background: linear-gradient(225deg, transparent 26px, #41a6ed 0) !important;
}
.skype-paper::before {
    border-color: #41a6ed transparent !important;
    filter: brightness(75%) !important;
}
.skype-bar {
    background-color: #41a6ed !important;
}
.skype-bar::before {
    background-color: #41a6ed !important;
    filter: brightness(50%);
}
.slack {
    background-color: #4d394b !important;
}
.slack-fill {
    fill: #4d394b !important;
}
.slack-text {
    color: #4d394b !important;
}
.slack-dropshadow {
    background-color: #4d394b;
    filter: drop-shadow(5px 5px 0 rgba(77, 57, 75, 0.6));
}
.slack-paper {
    background: linear-gradient(225deg, transparent 26px, #4d394b 0) !important;
}
.slack-paper::before {
    border-color: #4d394b transparent !important;
    filter: brightness(75%) !important;
}
.slack-bar {
    background-color: #4d394b !important;
}
.slack-bar::before {
    background-color: #4d394b !important;
    filter: brightness(50%);
}
.snapchat {
    background-color: #fffc00 !important;
}
.snapchat-fill {
    fill: #fffc00 !important;
}
.snapchat-text {
    color: #fffc00 !important;
}
.snapchat-dropshadow {
    background-color: #fffc00;
    filter: drop-shadow(5px 5px 0 rgba(255, 252, 0, 0.6));
}
.snapchat-paper {
    background: linear-gradient(225deg, transparent 26px, #fffc00 0) !important;
}
.snapchat-paper::before {
    border-color: #fffc00 transparent !important;
    filter: brightness(75%) !important;
}
.snapchat-bar {
    background-color: #fffc00 !important;
}
.snapchat-bar::before {
    background-color: #fffc00 !important;
    filter: brightness(50%);
}
.soundcloud {
    background-color: #f50 !important;
}
.soundcloud-fill {
    fill: #f50 !important;
}
.soundcloud-text {
    color: #f50 !important;
}
.soundcloud-dropshadow {
    background-color: #f50;
    filter: drop-shadow(5px 5px 0 rgba(255, 85, 0, 0.6));
}
.soundcloud-paper {
    background: linear-gradient(225deg, transparent 26px, #f50 0) !important;
}
.soundcloud-paper::before {
    border-color: #f50 transparent !important;
    filter: brightness(75%) !important;
}
.soundcloud-bar {
    background-color: #f50 !important;
}
.soundcloud-bar::before {
    background-color: #f50 !important;
    filter: brightness(50%);
}
.spotify {
    background-color: #1ed760 !important;
}
.spotify-fill {
    fill: #1ed760 !important;
}
.spotify-text {
    color: #1ed760 !important;
}
.spotify-dropshadow {
    background-color: #1ed760;
    filter: drop-shadow(5px 5px 0 rgba(30, 215, 96, 0.6));
}
.spotify-paper {
    background: linear-gradient(225deg, transparent 26px, #1ed760 0) !important;
}
.spotify-paper::before {
    border-color: #1ed760 transparent !important;
    filter: brightness(75%) !important;
}
.spotify-bar {
    background-color: #1ed760 !important;
}
.spotify-bar::before {
    background-color: #1ed760 !important;
    filter: brightness(50%);
}
.steam {
    background-color: #171a21 !important;
}
.steam-fill {
    fill: #171a21 !important;
}
.steam-text {
    color: #171a21 !important;
}
.steam-dropshadow {
    background-color: #171a21;
    filter: drop-shadow(5px 5px 0 rgba(23, 26, 33, 0.6));
}
.steam-paper {
    background: linear-gradient(225deg, transparent 26px, #171a21 0) !important;
}
.steam-paper::before {
    border-color: #171a21 transparent !important;
    filter: brightness(75%) !important;
}
.steam-bar {
    background-color: #171a21 !important;
}
.steam-bar::before {
    background-color: #171a21 !important;
    filter: brightness(50%);
}
.telegram {
    background-color: #08c !important;
}
.telegram-fill {
    fill: #08c !important;
}
.telegram-text {
    color: #08c !important;
}
.telegram-dropshadow {
    background-color: #08c;
    filter: drop-shadow(5px 5px 0 rgba(0, 136, 204, 0.6));
}
.telegram-paper {
    background: linear-gradient(225deg, transparent 26px, #08c 0) !important;
}
.telegram-paper::before {
    border-color: #08c transparent !important;
    filter: brightness(75%) !important;
}
.telegram-bar {
    background-color: #08c !important;
}
.telegram-bar::before {
    background-color: #08c !important;
    filter: brightness(50%);
}
.tumblr {
    background-color: #35465d !important;
}
.tumblr-fill {
    fill: #35465d !important;
}
.tumblr-text {
    color: #35465d !important;
}
.tumblr-dropshadow {
    background-color: #35465d;
    filter: drop-shadow(5px 5px 0 rgba(53, 70, 93, 0.6));
}
.tumblr-paper {
    background: linear-gradient(225deg, transparent 26px, #35465d 0) !important;
}
.tumblr-paper::before {
    border-color: #35465d transparent !important;
    filter: brightness(75%) !important;
}
.tumblr-bar {
    background-color: #35465d !important;
}
.tumblr-bar::before {
    background-color: #35465d !important;
    filter: brightness(50%);
}
.twitch {
    background-color: #6441a4 !important;
}
.twitch-fill {
    fill: #6441a4 !important;
}
.twitch-text {
    color: #6441a4 !important;
}
.twitch-dropshadow {
    background-color: #6441a4;
    filter: drop-shadow(5px 5px 0 rgba(100, 65, 164, 0.6));
}
.twitch-paper {
    background: linear-gradient(225deg, transparent 26px, #6441a4 0) !important;
}
.twitch-paper::before {
    border-color: #6441a4 transparent !important;
    filter: brightness(75%) !important;
}
.twitch-bar {
    background-color: #6441a4 !important;
}
.twitch-bar::before {
    background-color: #6441a4 !important;
    filter: brightness(50%);
}
.twitter {
    background-color: #1da1f2 !important;
}
.twitter-fill {
    fill: #1da1f2 !important;
}
.twitter-text {
    color: #1da1f2 !important;
}
.twitter-dropshadow {
    background-color: #1da1f2;
    filter: drop-shadow(5px 5px 0 rgba(29, 161, 242, 0.6));
}
.twitter-paper {
    background: linear-gradient(225deg, transparent 26px, #1da1f2 0) !important;
}
.twitter-paper::before {
    border-color: #1da1f2 transparent !important;
    filter: brightness(75%) !important;
}
.twitter-bar {
    background-color: #1da1f2 !important;
}
.twitter-bar::before {
    background-color: #1da1f2 !important;
    filter: brightness(50%);
}
.viber {
    background-color: #7f4d9b !important;
}
.viber-fill {
    fill: #7f4d9b !important;
}
.viber-text {
    color: #7f4d9b !important;
}
.viber-dropshadow {
    background-color: #7f4d9b;
    filter: drop-shadow(5px 5px 0 rgba(127, 77, 155, 0.6));
}
.viber-paper {
    background: linear-gradient(225deg, transparent 26px, #7f4d9b 0) !important;
}
.viber-paper::before {
    border-color: #7f4d9b transparent !important;
    filter: brightness(75%) !important;
}
.viber-bar {
    background-color: #7f4d9b !important;
}
.viber-bar::before {
    background-color: #7f4d9b !important;
    filter: brightness(50%);
}
.whatsapp {
    background-color: #25d366 !important;
}
.whatsapp-fill {
    fill: #25d366 !important;
}
.whatsapp-text {
    color: #25d366 !important;
}
.whatsapp-dropshadow {
    background-color: #25d366;
    filter: drop-shadow(5px 5px 0 rgba(37, 211, 102, 0.6));
}
.whatsapp-paper {
    background: linear-gradient(225deg, transparent 26px, #25d366 0) !important;
}
.whatsapp-paper::before {
    border-color: #25d366 transparent !important;
    filter: brightness(75%) !important;
}
.whatsapp-bar {
    background-color: #25d366 !important;
}
.whatsapp-bar::before {
    background-color: #25d366 !important;
    filter: brightness(50%);
}
.youtube {
    background-color: red !important;
}
.youtube-fill {
    fill: red !important;
}
.youtube-text {
    color: red !important;
}
.youtube-dropshadow {
    background-color: red;
    filter: drop-shadow(5px 5px 0 rgba(255, 0, 0, 0.6));
}
.youtube-paper {
    background: linear-gradient(225deg, transparent 26px, red 0) !important;
}
.youtube-paper::before {
    border-color: red transparent !important;
    filter: brightness(75%) !important;
}
.youtube-bar {
    background-color: red !important;
}
.youtube-bar::before {
    background-color: red !important;
    filter: brightness(50%);
}
/*# sourceMappingURL=modesta.css.map */