/* Author: Dawid Farbaniec // ethical.blue Magazine. Wszelkie prawa zastrzeżone. */

@font-face {
    font-family: EthicalBlue;
    src: url('./a.woff2') format('woff2');
    font-weight: bold;
    font-display: block;
}

@media (min-width: 576px) {
    .c {
        max-width: 540px;
    }

    .g1 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .i {
        margin: 1.14em;
        max-width: 84vh;
    }
}

@media (min-width: 768px) {
    .c {
        max-width: 720px;
    }

    .g1 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .g2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .g3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .g4 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .g5 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .i {
        margin: 1.14em;
        max-width: 84vh;
    }
}

@media (min-width: 992px) {
    .c {
        max-width: 960px;
    }

    .g1 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .g2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .g3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .g4 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .g5 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .i {
        margin: 1.14em;
        max-width: 84vh;
    }
}

@media (min-width: 1200px) {
    .c {
        max-width: 1140px;
    }

    .g1 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .g2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .g3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .g4 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .g5 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .i {
        margin: 1.14em;
        max-width: 84vh;
    }
}

@media (min-width: 1400px) {
    .c {
        max-width: 1320px;
    }

    .g1 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .g2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .g3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .g4 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .g5 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .i {
        margin: 1.14em;
        max-width: 84vh;
    }
}

html {
    font-family: EthicalBlue, sans-serif;
    background-color: #1E1E1E;
    color: #CFCFCF;
    word-break: break-all;
}

nav {
    color: #C4C4C4;
    word-break: keep-all;
}

p {
    word-break: normal !important;
    text-align: justify !important;
}

h1 {
    font-size: 1.03em;
}

hr {
    border: none;
    border-bottom: solid 1px #585858;
}

footer {
    text-align: right;
}

h2 {
    margin-top: 4rem !important;
}

ul {
    list-style-type: square;
}

img {
    max-width: 100%;
    height: auto;
}

pre {
    white-space: pre-wrap;
    padding: 0.40rem;
}

code {
    word-break: break-all;
    font-size: 1.1em;
}

a {
    color: #00CFFF !important;
    text-decoration: none !important;
    word-break: break-all;
}

    a:hover {
        color: #00CFFF !important;
        text-decoration: none !important;
        word-break: break-all;
    }

abbr {
    text-decoration: none !important;
    border-bottom: dashed 1px #0094ff;
}

.s {
    font-size: 0.84em;
}


.h {
    max-height: 1.94em;
}

.m {
    font-size: 1.12em;
}

.c {
    margin-right: auto;
    margin-left: auto;
}

.e {
    text-align: right !important;
}

.i {
    display: inline-block !important;
}

.blue {
    color: #00cfff;
}