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

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

@font-face {
    font-family: EthicalBlueOpenSans;
    src: url('./OpenSans.woff2') format('woff2');
    font-style: normal;
    font-display: block;
}

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

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

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

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

    .p-1 {
        padding: 1.33em;
    }
}

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

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

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


html {
    font-family: EthicalBlueOpenSans, sans-serif;
    background-color: #333333;
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000, -1px -1px 2px #000000, 1px -1px 2px #000000, -1px 1px 2px #000000, 2px 2px 3px #000000, -2px -2px 3px #000000, 2px -2px 3px #000000, -2px 2px 3px #000000;
    word-break: break-all;
}

del {
    text-shadow: 1px 1px 2px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000 !important;
}

p {
    word-break: normal !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: #00afff !important;
    text-decoration: none !important;
    word-break: break-all;
    text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 2px 2px 3px #000, -2px -2px 3px #000, 2px -2px 3px #000, -2px 2px 3px #000;
}

    a:hover {
        color: #00cfff !important;
        text-decoration: none !important;
        word-break: break-all;
        text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 2px 2px 3px #000, -2px -2px 3px #000, 2px -2px 3px #000, -2px 2px 3px #000;
    }

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

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

.lead {
    font-size: 1.12em;
}

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

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

.text-end {
    text-align: right;
}

.no-shadow {
    text-shadow: none !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.cover {
    border: solid 0.08em #000000;
}

.tree-icon {
    max-height: 1.58em;
    vertical-align: middle;
}

.text-archivo {
    font-family: EthicalBlueArchivo, sans-serif;
}

.text-secondary {
    color: #c3c3c3;
}

.text-blue {
    color: #00cfff;
}

.img-fluid {
    max-width: 100%;
}

.img-icon {
    max-height: 5.0em;
}

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

.text-center {
    text-align: center;
}

.text-green {
    color: #00ff90;
}

.text-lead {
    font-size: 1.2em;
}

.mb-1 {
    margin-bottom: 1.0em;
}

.mt-8 {
    margin-top: 8.0em;
}