* {
    border:NONE;
    margin:0%;
    padding:0%;
}
:root {
    /* COLOR ================================= */
    --ASIDE_A_COLOR:WHITE;
    --ASIDE_P_COLOR:VAR(--ASIDE_A_COLOR);
    --SECTION_A_COLOR:GREEN;
    --SECTION_H2_COLOR:GREEN;
    --SECTION_H6_COLOR:AUTO;
    --SECTION_P_COLOR:AUTO;
    /* FONT FAMILY =========================== */
    --ASIDE_A_FONT_FAMILY:AUTO;
    --ASIDE_P_FONT_FAMILY:VAR(--ASIDE_A_FONT_FAMILY);
    --SECTION_A_FONT_FAMILY:AUTO;
    --SECTION_H2_FONT_FAMILY:AUTO;
    --SECTION_H6_FONT_FAMILY:AUTO;
    --SECTION_P_FONT_FAMILY:AUTO;
}

@media screen and (max-width:1000PX) {
    :root {
        /* MARGIN and PADDING ================ */
        --ASIDE_A_PADDING:3PX;
        --ASIDE_P_PADDING:VAR(--ASIDE_A_PADDING);
        --ASIDE_PADDING_TOP:10PX;
        --SECTION_MARGIN_LEFT:125PX;
        --SECTION_P_PADDING:15PX;
        /* WIDTH and HEIGHT ================== */
        --ASIDE_WIDTH:100PX;
        --SECTION_WIDTH:50%;
        --SECTION_WIDTH_MIN:750PX;
        /* FONT SIZE ========================= */
        --ASIDE_A_FONT_SIZE:AUTO;
        --ASIDE_P_FONT_SIZE:VAR(--ASIDE_A_FONT_COLOR);
        --SECTION_A_FONT_SIZE:AUTO;
        --SECTION_FONT_SIZE:1.25EM;
        --SECTION_H2_FONT_SIZE:AUTO;
        --SECTION_H6_FONT_SIZE:0.65EM;
        --SECTION_P_FONT_SIZE:AUTO;
    }
}

@media screen and (min-width:1001PX) {
    :root {
        /* MARGIN and PADDING ================ */
        --ASIDE_A_PADDING:3PX;
        --ASIDE_P_PADDING:VAR(--ASIDE_A_PADDING);
        --ASIDE_PADDING_TOP:10PX;
        --SECTION_MARGIN_LEFT:125PX;
        --SECTION_P_PADDING:15PX;
        /* WIDTH and HEIGHT ================== */
        --ASIDE_WIDTH:100PX;
        --SECTION_WIDTH:50%;
        --SECTION_WIDTH_MIN:750PX;
        /* FONT SIZE ========================= */
        --ASIDE_A_FONT_SIZE:AUTO;
        --ASIDE_P_FONT_SIZE:VAR(--ASIDE_A_FONT_COLOR);
        --SECTION_A_FONT_SIZE:AUTO;
        --SECTION_FONT_SIZE:1.25EM;
        --SECTION_H2_FONT_SIZE:AUTO;
        --SECTION_H6_FONT_SIZE:0.65EM;
        --SECTION_P_FONT_SIZE:AUTO;
    }
    
}

body {
    background-image:URL("img/btest.jpg");
    margin:AUTO;
}
aside {
    align-content:CENTER;
    float:LEFT;
    padding-top:VAR(--ASIDE_PADDING_TOP);
    text-align:CENTER;
    width:VAR(--ASIDE_WIDTH);
}
aside a, aside p {
    font-style:italic;
    padding:VAR(--ASIDE_A_PADDING);
    color:VAR(--ASIDE_A_COLOR);
}
section {
    align-content:CENTER;
    float:CENTER;
    font-size:VAR(--SECTION_FONT_SIZE);
    margin-left:VAR(--SECTION_MARGIN_LEFT);
    min-width:VAR(--SECTION_WIDTH_MIN);
    text-align:CENTER;
    width:VAR(--SECTION_WIDTH);
}
section a {
    color:VAR(--SECTION_A_COLOR);
    font-family:VAR(--SECTION_A_FONT_FAMILY);
    font-size:VAR(--SECTION_A_FONT_SIZE);
}
section h2 {
    color:VAR(--SECTION_H2_COLOR);
    font-family:VAR(--SECTION_H2_FONT_FAMILY);
    font-size:VAR(--SECTION_H2_FONT_SIZE);
}
section h6 {
    color:VAR(--SECTION_H6_COLOR);
    font-family:VAR(--SECTION_H6_FONT_FAMILY);
    font-size:VAR(--SECTION_H6_FONT_SIZE);
    text-decoration:NONE;
}
section p {
    color:VAR(--SECTION_P_COLOR);
    font-family:VAR(--SECTION_P_FONT_FAMILY);
    font-size:VAR(--SECTION_P_FONT_SIZE);
    padding:VAR(--SECTION_P_PADDING);
}