:root {
    --color_scheme_1_bg_shade_1: rgb(222, 226, 230);
    --color_scheme_1_bg_shade_2: rgb(173, 181, 189);
    --color_scheme_1_bg_shade_3: rgb(108, 117, 125);
    --color_scheme_1_bg_shade_4: rgb(52, 58, 64);
    --color_scheme_1_bg_shade_5: rgb(33, 37, 41);
    --color_scheme_1_bg_shade_6: rgb(0, 0, 0);

    --color_scheme_2_bg_shade_1: #4cc9f0;
    --color_scheme_2_bg_shade_2: #4361ee;
    --color_scheme_2_bg_shade_3: #3a0ca3;
    --color_scheme_2_bg_shade_4: #7109b775;
    --color_scheme_2_bg_shade_5: #f72585;
    --color_scheme_2_bg_shade_6: #7eb80051;
}
/*#####################################################*/
/* Mobile */
/*#####################################################*/
@media only screen and (min-width: 200px) {
    body {
        height: 100%;
        margin: 0px;
        background-image: linear-gradient(to bottom, var(--color_scheme_1_bg_shade_4) 15%, var(--color_scheme_2_bg_shade_1) 50%, var(--color_scheme_1_bg_shade_4) 95%);
    }
    .section_title {
        font-size: 55px;
        margin-top: 5em;
        text-align: center;
        color: white;
    }
    .section_header {
        margin-top: 3em;
        margin-left: 1em;
        margin-right: 1em;
        border: .2em solid var(--color_scheme_1_bg_shade_6) ;
        border-radius: 2px;
        background-color: var(--color_scheme_1_bg_shade_1);
        text-align: center;
        font-size: 20px;
    }
    .section_body {
        text-align: center;
    }
}
/*#####################################################*/
/* Desktop */
/*#####################################################*/
@media only screen and (min-width: 1000px) {
    body {
        height: 100%;
        margin: 0px;
        background-image: linear-gradient(to bottom, var(--color_scheme_1_bg_shade_4) 15%, var(--color_scheme_2_bg_shade_1) 50%, var(--color_scheme_1_bg_shade_4) 95%);
    }
    .section_title {
        font-size: 30px;
        margin-top: 2em;
        text-align: center;
        color: white;
    }
    .section_header {
        margin-top: 3em;
        margin-left: 1em;
        margin-right: 1em;
        border: .2em solid var(--color_scheme_1_bg_shade_6) ;
        border-radius: 2px;
        background-color: var(--color_scheme_1_bg_shade_1);
        text-align: center;
    }
    .section_body {
        text-align: center;
    }
}