:root {

/***** COLORS *****/
--colorBorder: #E5E5E5;
--colorPrimary: #33CCCC;
--colorText: #FDFDFD;

/***** DIMEN *****/
--asideWidth: 25%;
--footerHeight: 50px;
--headerHeight: 100px;
--padding: 2rem;
--pageWidth: 75%;

/***** STYLES *****/
--border: 1px solid var(--colorBorder);

}

.o-body {

display: grid;
color: #595959;
font-family: Arial, sans-serif;
grid-template-areas:
        "aside header"
        "aside main"
        "aside footer";
grid-template-rows: var(--headerHeight) auto var(--footerHeight);
overflow: hidden;

}