:root {
    --cyan: #C0D0FF;
    --grey: #A0A0A0;
    --lightgrey: #E0E0E0;
    --navy: #01173E;
    --olive: #877754;
}


article {
    max-width:1000px;
}


body {
    display:grid;
    grid-template-rows: auto 1fr auto;
    margin:0;
    min-height:100vh;
    padding:0;
}


main {
    box-sizing:border-box;
    display:grid;
    gap:1em;
    grid-template-columns:auto 1fr;
    padding:1em;
}


.div-essay-classic {
    font-family:'Cardo';
    font-variant-numeric:lining-nums;
}


.div-essay-modern {
    font-family:'Open Sans';
}


@media only screen and (max-width: 800px) {

    article {
        width:100%;
    }
    
    
    aside {
        width:100%;
    }


    main {
        display:flex;
        flex-wrap:wrap-reverse;
    }


    .div-aside-border {
        width:100%;
    }

    .div-aside-line {
        display:block;
    }

    .div-essay-classic {
        font-size:0.9em;
    }

}