:root { 
  --color1: #222222;  --color1t: #222222dd;  --bg1: #222222;  --bg1t: #222222;
  --color2: #ad071c;  --color2t: #ad071caa;  --bg2: #ad071c;  --bg2t: #ad071c;
  --color3: #636262;  --color3t: #63626255;  --bg3: #636262;  --bg3t: #636262;
  --color4: #d2d2d0;  --color4t: #d2d2d055;  --bg4: #d2d2d0;  --bg4t: #d2d2d0;
  --color5: #ffffff;  --color5t: #ffffff80;  --bg5: #ffffff;  --bg5t: #ffffff;
  --color6: #1c1c1c;  --color6t: #1c1c1cdd;  --bg6: #1c1c1c;  --bg6t: #1c1c1c;
  --color7: #3dce27;
}
.color1 {color: var(--color1);}
.color2 {color: var(--color2);}
.color3 {color: var(--color3);}
.color4 {color: var(--color4);}
.color5 {color: var(--color5);}
.color6 {color: var(--color6);}
.color7 {color: var(--color7);}

.color1t {color: var(--color1t);}
.color2t {color: var(--color2t);}
.color3t {color: var(--color3t);}
.color4t {color: var(--color4t);}
.color5t {color: var(--color5t);}
.color6t {color: var(--color6t);}

.bg1 {background-color: var(--color1);}
.bg1t {background-color: var(--color1t);}
.bg2 {background-color: var(--color2);}
.bg2t {background-color: var(--color2t);}
.bg3 {background-color: var(--color3);}
.bg3t {background-color: var(--color3t);}
.bg4 {background-color: var(--color4);}
.bg4t {background-color: var(--color4t);}
.bg5 {background-color: var(--color5);}
.bg5t {background-color: var(--color5t);}
.bg6 {background-color: var(--color6);}
.bg6t {background-color: var(--color6t);}
.bg7 {background-color: var(--color7);}