/* ADAPTIVE */
@media (width < 800px) {
    /* fonst veariables */
    :root {
        --inc: 3px;
    }
    #app > .footer {
        flex-direction: column;
        align-items: center;
    }
    .footer__ul {
        order: 2;
        align-items: center;
    }
}
@media (width < 700px) {
    .section__description {
        display: none;
    }
    .article__stats {
        gap: 0px;
    }
    .statistics {
        background-image:
            repeating-linear-gradient(
                to right,
                rgba(0,0,0,0.25) 0px,
                rgba(0,0,0,0.25) var(--step),
                rgba(0,0,0,0.5) var(--step),
                rgba(0,0,0,0.5) calc(var(--step)*2)
            )
        ;
    }
    .statistics__list {
        gap: 1px;
    }
    .statistics__item { border-radius: 0px;}
    .statistics__item:first-child { border-radius: 3px 0px 0px 3px;}
    .statistics__item:last-child { border-radius: 0px 3px 3px 0px;}
}
@media (width < 600px) {
    /* fonst veariables */
    :root {
        --inc: 2px;
    }
    body {
        --this-gap: 20px;
    }
    .header {
        --this-gap: 20px;
    }
    .stage .header__content {
        --this-gap: 10px;
    }
    .stage__header {
        --this-gap: 20px;
    }
    .stage__content {
        --this-gap: 10px;
    }
}
@media (width < 500px) {
    .article__stats {display: none;}
    .btn {
        --this-gap: 5px;
    }
}