:root {

    /*
        use this space for your variables
    */

}


/* - - - - - - - - - - - - - - - - - - - - -  */

@layer layouts {
            
    body-mainframe > aside {
        width: 20%;
    }

    body-mainframe > aside > :first-child {
        display: none;
    }

    body-mainframe > main {
        width: 80%;
                height: 100%;
    }

    @media only screen {

        @media (max-width: 768px) {

            body-mainframe > aside {
                width: 5%;
            }

            body-mainframe > aside > :last-child {
                display: none;
            }

            body-mainframe > main {
                width: 95%;
                height: 100%;
            }
        }
    }

}

@layer wusy.theme {

    /*
        use this space to make your theme
    */

}