@media screen and (width <= 960px) {
    html, body {
        font-size: 16pt;
    }

    aside {
        width: 30vw;
    }
}

@media screen and (width <= 720px) {
    html, body {
        font-size: 14pt;
    }

    aside {
        width: 30vw;
    }
}

@media screen and (width <= 480px) {

    html, body {
        font-size: 10pt;
    }

    aside {
        float: none;
        width: 100%;
        margin: 0;
        box-sizing: border-box;

    }

    aside li {
        display: inline;
    }

    aside li:not(:last-child)::after {
        content: ", ";
    }

    iframe {
        width: fit-content;
    }

}