Better Columns by Brendan-Bormann

/* ==UserStyle==
@name           skimfeed.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://skimfeed.com/") {
    #menubar a {
        font-size: 14pt;
        margin: 0 5pt 0 0;
    }

    #menubar {
        margin: 20pt;
    }

    #optionsbutton a {
        font-size: 40pt !important;
    }

    #content {
        margin: 25pt;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }
    
    #popbox {
        width: 450px;
    }

    #popbox a {
        font-size: 12pt;
        white-space: normal;
    }

    li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 15px;
        font-weight: normal !important;
    }

    li a {
        opacity: 0.75;
    }

    #boxx {
        display: grid;
        grid-template-columns: 475px 475px;
        width: 100%;
        padding: 0 25px 0 25px;
        
    }

    .boxes {
        width: 450px;
        margin: 0;
        padding: 25px;
        overflow: hidden;
        border: 0px solid black !important;
    }

    @media screen and (min-width: 1800px) {
        #boxx {
            grid-template-columns: 475px 475px 475px;
        }
    }
    
    @media screen and (max-width: 1400px) {
        #boxx {
            grid-template-columns: 475px;
        }
    }
}