@font-face {
    font-family: 'Inter';
    src: url('../font/Inter/Inter-VariableFont_slnt,wght.ttf') format('truetype');
}

body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    background-color: rgb(231, 231, 231);
    color: rgba(0,0,0,.87);
    word-wrap: break-word;
    line-height: 1.4;
}

.colored {
    background-color: rgba(0,0,0,.52);
}

div {
    width: 80vw;
    margin: 0 auto;
}

a {
    color: #00b2e8;
}

h1, h2, h3, h4, h5 {
    font-weight: 700;
}

.content {
    padding-top: 10vh;
    padding-bottom: 10vh;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: rgb(18,18,18);
        color: rgba(255,255,255,.87);
    }
    .colored {
        background-color: rgba(255,255,255,.52);
    }
    a {
        color: #00b2e8;
    }
    img {
        filter: grayscale(30%);
    }
}