/* TEXT POSITION */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* TEXT TRANSFORM */
.text-bold { font-weight: bold; }
.text-italic { font-style: italic; }

/* DEFAULT COLOR */
body { 
    color: black;
    font-size: min(4vw, 24px);
}

/* FONT-SIZE (size/2 = vw // vw * 6= px */
.size-1 { font-size: min(0.5vw, 3px); }
.size-2 { font-size: min(1vw, 6px); }
.size-3 { font-size: min(1.5vw, 9px); }
.size-4 { font-size: min(2vw, 12px); }
.size-5 { font-size: min(2.5vw, 15px); }
.size-6 { font-size: min(3vw, 18px); }
.size-7 { font-size: min(3.5vw, 21px); }
.size-8 { font-size: min(4vw, 24px); }
.size-9 { font-size: min(4.5vw, 27px); }
.size-10 { font-size: min(5vw, 30px); }
.size-11 { font-size: min(5.5vw, 33px); }
.size-12 { font-size: min(6vw, 36px); }
.size-13 { font-size: min(6.5vw, 39px); }
.size-14 { font-size: min(7vw, 42px); }
.size-15 { font-size: min(7.5vw, 45px); }
.size-16 { font-size: min(8vw, 48px); }
.size-17 { font-size: min(8.5vw, 51px); }
.size-18 { font-size: min(9vw, 54px); }
.size-19 { font-size: min(9.5vw, 57px); }
.size-20 { font-size: min(10vw, 60px); }
.size-21 { font-size: min(10.5vw, 63px); }
.size-22 { font-size: min(11vw, 66px); }
.size-23 { font-size: min(11.5vw, 69px); }
.size-24 { font-size: min(12vw, 72px); }
.size-25 { font-size: min(12.5vw, 75px); }
.size-26 { font-size: min(13vw, 78px); }
.size-27 { font-size: min(13.5vw, 81px); }
.size-28 { font-size: min(14vw, 84px); }
.size-29 { font-size: min(14.5vw, 87px); }
.size-30 { font-size: min(15vw, 90px); }
.size-35 { font-size: min(17.5vw, 105px); }
.size-40 { font-size: min(20vw, 120px); }
.size-45 { font-size: min(22.5vw, 135px); }
.size-50 { font-size: min(25vw, 150px); }
.size-55 { font-size: min(27.5vw, 165px); }
.size-60 { font-size: min(30vw, 180px); }
.size-65 { font-size: min(32.5vw, 195px); }
.size-70 { font-size: min(35vw, 210px); }
.size-75 { font-size: min(37.5vw, 225px); }

/* PALETA DE COLORES */
.color-1 { color: rgb(var(--color-1)); }
.color-2 { color: rgb(var(--color-2)); }
.color-3 { color: rgb(var(--color-3)); }
.color-4 { color: rgb(var(--color-4)); }
.color-5 { color: rgb(var(--color-5)); }
.color-6 { color: rgb(var(--color-6)); }
.color-7 { color: rgb(var(--color-7)); }
.color-8 { color: rgb(var(--color-8)); }

/* BASE COLORS */
.color-black { color: black; }
.color-white { color: white; }
.color-greenvi { color: rgb(var(--color-greenvi)); }

.color-1-0 { color: rgba(var(--color-1), 1); }
.color-1-1 { color: rgba(var(--color-1), 0.9); }
.color-1-2 { color: rgba(var(--color-1), 0.8); }
.color-1-3 { color: rgba(var(--color-1), 0.7); }
.color-1-4 { color: rgba(var(--color-1), 0.6); }
.color-1-5 { color: rgba(var(--color-1), 0.5); }
.color-1-6 { color: rgba(var(--color-1), 0.4); }
.color-1-7 { color: rgba(var(--color-1), 0.3); }
.color-1-8 { color: rgba(var(--color-1), 0.2); }
.color-1-9 { color: rgba(var(--color-1), 0.1); }
.color-1-10 { color: rgba(var(--color-1), 0); }

.color-2-0 { color: rgba(var(--color-2), 1); }
.color-2-1 { color: rgba(var(--color-2), 0.9); }
.color-2-2 { color: rgba(var(--color-2), 0.8); }
.color-2-3 { color: rgba(var(--color-2), 0.7); }
.color-2-4 { color: rgba(var(--color-2), 0.6); }
.color-2-5 { color: rgba(var(--color-2), 0.5); }
.color-2-6 { color: rgba(var(--color-2), 0.4); }
.color-2-7 { color: rgba(var(--color-2), 0.3); }
.color-2-8 { color: rgba(var(--color-2), 0.2); }
.color-2-9 { color: rgba(var(--color-2), 0.1); }
.color-2-10 { color: rgba(var(--color-2), 0); }

.color-3-0 { color: rgba(var(--color-3), 1); }
.color-3-1 { color: rgba(var(--color-3), 0.9); }
.color-3-2 { color: rgba(var(--color-3), 0.8); }
.color-3-3 { color: rgba(var(--color-3), 0.7); }
.color-3-4 { color: rgba(var(--color-3), 0.6); }
.color-3-5 { color: rgba(var(--color-3), 0.5); }
.color-3-6 { color: rgba(var(--color-3), 0.4); }
.color-3-7 { color: rgba(var(--color-3), 0.3); }
.color-3-8 { color: rgba(var(--color-3), 0.2); }
.color-3-9 { color: rgba(var(--color-3), 0.1); }
.color-3-10 { color: rgba(var(--color-3), 0); }

.color-4-0 { color: rgba(var(--color-4), 1); }
.color-4-1 { color: rgba(var(--color-4), 0.9); }
.color-4-2 { color: rgba(var(--color-4), 0.8); }
.color-4-3 { color: rgba(var(--color-4), 0.7); }
.color-4-4 { color: rgba(var(--color-4), 0.6); }
.color-4-5 { color: rgba(var(--color-4), 0.5); }
.color-4-6 { color: rgba(var(--color-4), 0.4); }
.color-4-7 { color: rgba(var(--color-4), 0.3); }
.color-4-8 { color: rgba(var(--color-4), 0.2); }
.color-4-9 { color: rgba(var(--color-4), 0.1); }
.color-4-10 { color: rgba(var(--color-4), 0); }

.color-5-0 { color: rgba(var(--color-5), 1); }
.color-5-1 { color: rgba(var(--color-5), 0.9); }
.color-5-2 { color: rgba(var(--color-5), 0.8); }
.color-5-3 { color: rgba(var(--color-5), 0.7); }
.color-5-4 { color: rgba(var(--color-5), 0.6); }
.color-5-5 { color: rgba(var(--color-5), 0.5); }
.color-5-6 { color: rgba(var(--color-5), 0.4); }
.color-5-7 { color: rgba(var(--color-5), 0.3); }
.color-5-8 { color: rgba(var(--color-5), 0.2); }
.color-5-9 { color: rgba(var(--color-5), 0.1); }
.color-5-10 { color: rgba(var(--color-5), 0); }

.color-6-0 { color: rgba(var(--color-6), 1); }
.color-6-1 { color: rgba(var(--color-6), 0.9); }
.color-6-2 { color: rgba(var(--color-6), 0.8); }
.color-6-3 { color: rgba(var(--color-6), 0.7); }
.color-6-4 { color: rgba(var(--color-6), 0.6); }
.color-6-5 { color: rgba(var(--color-6), 0.5); }
.color-6-6 { color: rgba(var(--color-6), 0.4); }
.color-6-7 { color: rgba(var(--color-6), 0.3); }
.color-6-8 { color: rgba(var(--color-6), 0.2); }
.color-6-9 { color: rgba(var(--color-6), 0.1); }
.color-6-10 { color: rgba(var(--color-6), 0); }

.color-7-0 { color: rgba(var(--color-7), 1); }
.color-7-1 { color: rgba(var(--color-7), 0.9); }
.color-7-2 { color: rgba(var(--color-7), 0.8); }
.color-7-3 { color: rgba(var(--color-7), 0.7); }
.color-7-4 { color: rgba(var(--color-7), 0.6); }
.color-7-5 { color: rgba(var(--color-7), 0.5); }
.color-7-6 { color: rgba(var(--color-7), 0.4); }
.color-7-7 { color: rgba(var(--color-7), 0.3); }
.color-7-8 { color: rgba(var(--color-7), 0.2); }
.color-7-9 { color: rgba(var(--color-7), 0.1); }
.color-7-10 { color: rgba(var(--color-7), 0); }

.color-8-0 { color: rgba(var(--color-8), 1); }
.color-8-1 { color: rgba(var(--color-8), 0.9); }
.color-8-2 { color: rgba(var(--color-8), 0.8); }
.color-8-3 { color: rgba(var(--color-8), 0.7); }
.color-8-4 { color: rgba(var(--color-8), 0.6); }
.color-8-5 { color: rgba(var(--color-8), 0.5); }
.color-8-6 { color: rgba(var(--color-8), 0.4); }
.color-8-7 { color: rgba(var(--color-8), 0.3); }
.color-8-8 { color: rgba(var(--color-8), 0.2); }
.color-8-9 { color: rgba(var(--color-8), 0.1); }
.color-8-10 { color: rgba(var(--color-8), 0); }

.color-white-0 { color: rgba(255, 255, 255, 1); }
.color-white-1 { color: rgba(255, 255, 255, 0.9); }
.color-white-2 { color: rgba(255, 255, 255, 0.8); }
.color-white-3 { color: rgba(255, 255, 255, 0.7); }
.color-white-4 { color: rgba(255, 255, 255, 0.6); }
.color-white-5 { color: rgba(255, 255, 255, 0.5); }
.color-white-6 { color: rgba(255, 255, 255, 0.4); }
.color-white-7 { color: rgba(255, 255, 255, 0.3); }
.color-white-8 { color: rgba(255, 255, 255, 0.2); }
.color-white-9 { color: rgba(255, 255, 255, 0.1); }
.color-white-10 { color: rgba(255, 255, 255, 0); }

.color-black-0 { color: rgba(0, 0, 0, 1); }
.color-black-1 { color: rgba(0, 0, 0, 0.9); }
.color-black-2 { color: rgba(0, 0, 0, 0.8); }
.color-black-3 { color: rgba(0, 0, 0, 0.7); }
.color-black-4 { color: rgba(0, 0, 0, 0.6); }
.color-black-5 { color: rgba(0, 0, 0, 0.5); }
.color-black-6 { color: rgba(0, 0, 0, 0.4); }
.color-black-7 { color: rgba(0, 0, 0, 0.3); }
.color-black-8 { color: rgba(0, 0, 0, 0.2); }
.color-black-9 { color: rgba(0, 0, 0, 0.1); }
.color-black-10 { color: rgba(0, 0, 0, 0); }

.color-greenvi-0 { color: rgba(var(--color-greenvi), 1); }
.color-greenvi-1 { color: rgba(var(--color-greenvi), 0.9); }
.color-greenvi-2 { color: rgba(var(--color-greenvi), 0.8); }
.color-greenvi-3 { color: rgba(var(--color-greenvi), 0.7); }
.color-greenvi-4 { color: rgba(var(--color-greenvi), 0.6); }
.color-greenvi-5 { color: rgba(var(--color-greenvi), 0.5); }
.color-greenvi-6 { color: rgba(var(--color-greenvi), 0.4); }
.color-greenvi-7 { color: rgba(var(--color-greenvi), 0.3); }
.color-greenvi-8 { color: rgba(var(--color-greenvi), 0.2); }
.color-greenvi-9 { color: rgba(var(--color-greenvi), 0.1); }
.color-greenvi-10 { color: rgba(var(--color-greenvi), 0); }