@font-face {
  font-family: InputSans;
  src: url(.InputSans-Regular.woff);
}
@font-face {
    font-family: InputSansBold;
    src: url(.InputSans-Bold.woff);
}
.bold {
    font-family: "InputSansBold"
    }
@font-face {
    font-family: InputSansItalic;
    src: url(.InputSans-Italic.woff);
}
.italic {
    font-family: "InputSansItalic"
    }
@font-face {
    font-family: InputMono;
    src: url(.InputMono-Regular.woff);
}

body {
    background-color: #1c1f25;
    padding: 0 1.5vw 0 1.5vw;
    color: #919191;
    font-size: 32px;
    font-family: "InputSans", sans-serif;
    }
img {
    max-width: 100%;
    height: auto;
    }
h1,h2,h3 {
    color: #B9B9D0;
    }
a {
    color: #E6E6FA;
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #E800E8, #04EEEE, #E5E50B, #F20000);
    background-repeat: no-repeat;
    background-position: 120%, 122%, 0 135%;
    background-size: 100% 32%;
    }
li::marker {
    color: #A6C1EB;
    }
code, pre {
    display: inline;
    color: #9DC1F1;
    background-color: #44464B;
    font-family: "InputMono", monospace;
    }
article {
    margin-top: 1.5em;
    text-align: justify;
    }
article h1, article h2 {
    margin-top: 1.5em;
}

@media screen and (max-device-width: 750px) {
    body {
        font-size: 25px;
        }
    article {
        text-align: left;
        }
    }