:root {
    --background1: rgb( 67, 92 ,51 );
    --background2: rgb( 63, 87 ,58 );
    --background3: rgb( 52, 92 ,86 );

    --light1: rgb( 223, 205 ,207 );
    --light2: rgb( 213, 206 ,240 );
    --light3: rgb( 243, 212 ,255 );
}



.bc-bg1 { background-color: var(--background1); }
.bc-bg2 { background-color: var(--background2); }
.bc-bg3 { background-color: var(--background3); }
.bc-lt1 { background-color: var(--light1); }
.bc-lt2 { background-color: var(--light2); }
.bc-lt3 { background-color: var(--light3); }
.bc-bk {background-color: black;}
.bc-wt {background-color: white;}

.c-bg1 { color: var(--background1); }
.c-bg2 { color: var(--background2); }
.c-bg3 { color: var(--background3); }
.c-lt1 { color: var(--light1); }
.c-lt2 { color: var(--light2); }
.c-lt3 { color: var(--light3); }
.c-bk {background-color: black;}
.c-wt {background-color: white;}

.fs1 { font-size: 11px;}
.fs2 { font-size: 13px;}
.fs3 { font-size: 16px;}
.fs4 { font-size: 20px;}
.fs5 { font-size: 26px;}
.fs6 { font-size: 33px;}
.fs7 { font-size: 41px;}

.m1 { margin: 0.2rem; }
.m2 { margin: 0.3rem; }
.m3 { margin: 0.5rem; }
.m4 { margin: 1rem; }
.m5 { margin: 2rem; }
.m6 { margin: 3rem; }
.m7 { margin: 5rem; }

.p1 { padding: 0.2rem; }
.p2 { padding: 0.3rem; }
.p3 { padding: 0.5rem; }
.p4 { padding: 1rem; }
.p5 { padding: 2rem; }
.p6 { padding: 3rem; }
.p7 { padding: 5rem; }

.mHCenter {
    margin-left: auto;
    margin-right: auto;
}