/* =========================== ANIMATIONS =========================== */
/* TRANSLATE */
.gif-move {
    opacity: 0;
    transform: translateX(100px);
    transition: 1s;
    transition-timing-function: ease-in-out;
}
.gif-move-x {
    opacity: 1 !important; 
    transform: translateX(0) !important;
}

/* SCALE */
.gif-scale {
    opacity: 0; 
    transform: scale(0.5);
    transition: 1s;
    transition-timing-function: ease-in-out;
}
.gif-scale-x {
    opacity: 1 !important; 
    transform: scale(1) !important;
}

/* SCALE */
.gif-grow {
    opacity: 1;
    width: 0px !important; 
    transition: 2s;
    transition-timing-function: ease-in-out;
}
.gif-grow-x {
    opacity: 1 !important;
    width: 25% !important;
}
.gif-grow-y {
    width: 0px !important;
} 

/* LEFT */
.gif-left {
    opacity: 0;
    transform: translateX(-100px);
    transition: 1s;
    transition-timing-function: ease-in-out;
}
.gif-left-x {
    opacity: 1 !important; 
    transform: translateX(0) !important;
}

.gif-delay-1 {
    transition-delay: 10ms;
}
.gif-delay-2 {
    transition-delay: 200ms;
}
.gif-delay-3 {
    transition-delay: 300ms;
}

/* =========================== BUTTONS =========================== */

.btn {
    text-decoration: none;
    padding: min(1vw, 6px);
    color: black;
    font-size: min(3vw, 18px);
    background-color: white;
}

a { position: absolute; }

/* =========================== BORDER =========================== */

/* BORDER */
.border-1 { border: min(0.5vw, 3px) solid black; }
.border-2 { border: min(1vw, 6px) solid black; }
.border-3 { border: min(1.5vw, 9px) solid black; }
.border-4 { border: min(2vw, 12px) solid black; }
.border-5 { border: min(2.5vw, 15px) solid black; }
.border-6 { border: min(3vw, 18px) solid black; }
.border-7 { border: min(3.5vw, 21px) solid black; }
.border-8 { border: min(4vw, 24px) solid black; }
.border-9 { border: min(4.5vw, 27px) solid black; }
.border-10 { border: min(5vw, 30px) solid black; }
.border-11 { border: min(5.5vw, 33px) solid black; }
.border-12 { border: min(6vw, 36px) solid black; }
.border-13 { border: min(6.5vw, 39px) solid black; }
.border-14 { border: min(7vw, 42px) solid black; }
.border-15 { border: min(7.5vw, 45px) solid black; }
.border-16 { border: min(8vw, 48px) solid black; }
.border-17 { border: min(8.5vw, 51px) solid black; }
.border-18 { border: min(9vw, 54px) solid black; }
.border-19 { border: min(9.5vw, 57px) solid black; }
.border-20 { border: min(10vw, 60px) solid black; }

/* BORDER RADIUS */
.border-radius-1 { border-radius: min(0.5vw, 3px); }
.border-radius-2 { border-radius: min(1vw, 6px); }
.border-radius-3 { border-radius: min(1.5vw, 9px); }
.border-radius-4 { border-radius: min(2vw, 12px); }
.border-radius-5 { border-radius: min(2.5vw, 15px); }
.border-radius-6 { border-radius: min(3vw, 18px); }
.border-radius-7 { border-radius: min(3.5vw, 21px); }
.border-radius-8 { border-radius: min(4vw, 24px); }
.border-radius-9 { border-radius: min(4.5vw, 27px); }
.border-radius-10 { border-radius: min(5vw, 30px); }
.border-radius-11 { border-radius: min(5.5vw, 33px); }
.border-radius-12 { border-radius: min(6vw, 36px); }
.border-radius-13 { border-radius: min(6.5vw, 39px); }
.border-radius-14 { border-radius: min(7vw, 42px); }
.border-radius-15 { border-radius: min(7.5vw, 45px); }
.border-radius-16 { border-radius: min(8vw, 48px); }
.border-radius-17 { border-radius: min(8.5vw, 51px); }
.border-radius-18 { border-radius: min(9vw, 54px); }
.border-radius-19 { border-radius: min(9.5vw, 57px); }
.border-radius-20 { border-radius: min(10vw, 60px); }

/* BORDER COLOR */
.border-color-1 { border-color: rgb(var(--color-1)); }
.border-color-2 { border-color: rgb(var(--color-2)); }
.border-color-3 { border-color: rgb(var(--color-3)); }
.border-color-4 { border-color: rgb(var(--color-4)); }
.border-color-greenvi { border-color: rgb(var(--color-greenvi)); }

.border-color-white { border-color: white; }
.border-color-black { border-color: black; }

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

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

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

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

/* =========================== DIMENTIONS =========================== */

/* WIDTH */
.width-0 { width: 0%; }
.width-1 { width: 1%; }
.width-2 { width: 2%; }
.width-3 { width: 3%; }
.width-4 { width: 4%; }
.width-5 { width: 5%; }
.width-6 { width: 6%; }
.width-7 { width: 7%; }
.width-8 { width: 8%; }
.width-9 { width: 9%; }
.width-10 { width: 10%; }
.width-11 { width: 11%; }
.width-12 { width: 12%; }
.width-13 { width: 13%; }
.width-14 { width: 14%; }
.width-15 { width: 15%; }
.width-16 { width: 16%; }
.width-17 { width: 17%; }
.width-18 { width: 18%; }
.width-19 { width: 19%; }
.width-20 { width: 20%; }
.width-21 { width: 21%; }
.width-22 { width: 22%; }
.width-23 { width: 23%; }
.width-24 { width: 24%; }
.width-25 { width: 25%; }
.width-26 { width: 26%; }
.width-27 { width: 27%; }
.width-28 { width: 28%; }
.width-29 { width: 29%; }
.width-30 { width: 30%; }
.width-31 { width: 31%; }
.width-32 { width: 32%; }
.width-33 { width: 33%; }
.width-34 { width: 34%; }
.width-35 { width: 35%; }
.width-36 { width: 36%; }
.width-37 { width: 37%; }
.width-38 { width: 38%; }
.width-39 { width: 39%; }
.width-40 { width: 40%; }
.width-41 { width: 41%; }
.width-42 { width: 42%; }
.width-43 { width: 43%; }
.width-44 { width: 44%; }
.width-45 { width: 45%; }
.width-46 { width: 46%; }
.width-47 { width: 47%; }
.width-48 { width: 48%; }
.width-49 { width: 49%; }
.width-50 { width: 50%; }
.width-51 { width: 51%; }
.width-52 { width: 52%; }
.width-53 { width: 53%; }
.width-54 { width: 54%; }
.width-55 { width: 55%; }
.width-56 { width: 56%; }
.width-57 { width: 57%; }
.width-58 { width: 58%; }
.width-59 { width: 59%; }
.width-60 { width: 60%; }
.width-61 { width: 61%; }
.width-62 { width: 62%; }
.width-63 { width: 63%; }
.width-64 { width: 64%; }
.width-65 { width: 65%; }
.width-66 { width: 66%; }
.width-67 { width: 67%; }
.width-68 { width: 68%; }
.width-69 { width: 69%; }
.width-70 { width: 70%; }
.width-71 { width: 71%; }
.width-72 { width: 72%; }
.width-73 { width: 73%; }
.width-74 { width: 74%; }
.width-75 { width: 75%; }
.width-76 { width: 76%; }
.width-77 { width: 77%; }
.width-78 { width: 78%; }
.width-79 { width: 79%; }
.width-80 { width: 80%; }
.width-81 { width: 81%; }
.width-82 { width: 82%; }
.width-83 { width: 83%; }
.width-84 { width: 84%; }
.width-85 { width: 85%; }
.width-86 { width: 86%; }
.width-87 { width: 87%; }
.width-88 { width: 88%; }
.width-89 { width: 89%; }
.width-90 { width: 90%; }
.width-91 { width: 91%; }
.width-92 { width: 92%; }
.width-93 { width: 93%; }
.width-94 { width: 94%; }
.width-95 { width: 95%; }
.width-96 { width: 96%; }
.width-97 { width: 97%; }
.width-98 { width: 98%; }
.width-99 { width: 99%; }
.width-100 { width: 100%; }
.width-100 { width: 100%; }
.width-101 { width: 101%; }
.width-102 { width: 102%; }
.width-103 { width: 103%; }
.width-104 { width: 104%; }
.width-105 { width: 105%; }
.width-106 { width: 106%; }
.width-107 { width: 107%; }
.width-108 { width: 108%; }
.width-109 { width: 109%; }
.width-110 { width: 110%; }
.width-111 { width: 111%; }
.width-112 { width: 112%; }
.width-113 { width: 113%; }
.width-114 { width: 114%; }
.width-115 { width: 115%; }
.width-116 { width: 116%; }
.width-117 { width: 117%; }
.width-118 { width: 118%; }
.width-119 { width: 119%; }
.width-120 { width: 120%; }
.width-121 { width: 121%; }
.width-122 { width: 122%; }
.width-123 { width: 123%; }
.width-124 { width: 124%; }
.width-125 { width: 125%; }
.width-126 { width: 126%; }
.width-127 { width: 127%; }
.width-128 { width: 128%; }
.width-129 { width: 129%; }
.width-130 { width: 130%; }
.width-131 { width: 131%; }
.width-132 { width: 132%; }
.width-133 { width: 133%; }
.width-134 { width: 134%; }
.width-135 { width: 135%; }
.width-136 { width: 136%; }
.width-137 { width: 137%; }
.width-138 { width: 138%; }
.width-139 { width: 139%; }
.width-140 { width: 140%; }
.width-141 { width: 141%; }
.width-142 { width: 142%; }
.width-143 { width: 143%; }
.width-144 { width: 144%; }
.width-145 { width: 145%; }
.width-146 { width: 146%; }
.width-147 { width: 147%; }
.width-148 { width: 148%; }
.width-149 { width: 149%; }
.width-150 { width: 150%; }
.width-151 { width: 151%; }
.width-152 { width: 152%; }
.width-153 { width: 153%; }
.width-154 { width: 154%; }
.width-155 { width: 155%; }
.width-156 { width: 156%; }
.width-157 { width: 157%; }
.width-158 { width: 158%; }
.width-159 { width: 159%; }
.width-160 { width: 160%; }
.width-161 { width: 161%; }
.width-162 { width: 162%; }
.width-163 { width: 163%; }
.width-164 { width: 164%; }
.width-165 { width: 165%; }
.width-166 { width: 166%; }
.width-167 { width: 167%; }
.width-168 { width: 168%; }
.width-169 { width: 169%; }
.width-170 { width: 170%; }
.width-171 { width: 171%; }
.width-172 { width: 172%; }
.width-173 { width: 173%; }
.width-174 { width: 174%; }
.width-175 { width: 175%; }
.width-176 { width: 176%; }
.width-177 { width: 177%; }
.width-178 { width: 178%; }
.width-179 { width: 179%; }
.width-180 { width: 180%; }
.width-181 { width: 181%; }
.width-182 { width: 182%; }
.width-183 { width: 183%; }
.width-184 { width: 184%; }
.width-185 { width: 185%; }
.width-186 { width: 186%; }
.width-187 { width: 187%; }
.width-188 { width: 188%; }
.width-189 { width: 189%; }
.width-190 { width: 190%; }
.width-191 { width: 191%; }
.width-192 { width: 192%; }
.width-193 { width: 193%; }
.width-194 { width: 194%; }
.width-195 { width: 195%; }
.width-196 { width: 196%; }
.width-197 { width: 197%; }
.width-198 { width: 198%; }
.width-199 { width: 199%; }
.width-200 { width: 200%; }

/* HEIGHT */
.v-size-0 { height: 0%; }
.v-size-1 { height: 1%; }
.v-size-2 { height: 2%; }
.v-size-3 { height: 3%; }
.v-size-4 { height: 4%; }
.v-size-5 { height: 5%; }
.v-size-6 { height: 6%; }
.v-size-7 { height: 7%; }
.v-size-8 { height: 8%; }
.v-size-9 { height: 9%; }
.v-size-10 { height: 10%; }
.v-size-11 { height: 11%; }
.v-size-12 { height: 12%; }
.v-size-13 { height: 13%; }
.v-size-14 { height: 14%; }
.v-size-15 { height: 15%; }
.v-size-16 { height: 16%; }
.v-size-17 { height: 17%; }
.v-size-18 { height: 18%; }
.v-size-19 { height: 19%; }
.v-size-20 { height: 20%; }
.v-size-21 { height: 21%; }
.v-size-22 { height: 22%; }
.v-size-23 { height: 23%; }
.v-size-24 { height: 24%; }
.v-size-25 { height: 25%; }
.v-size-26 { height: 26%; }
.v-size-27 { height: 27%; }
.v-size-28 { height: 28%; }
.v-size-29 { height: 29%; }
.v-size-30 { height: 30%; }
.v-size-31 { height: 31%; }
.v-size-32 { height: 32%; }
.v-size-33 { height: 33%; }
.v-size-34 { height: 34%; }
.v-size-35 { height: 35%; }
.v-size-36 { height: 36%; }
.v-size-37 { height: 37%; }
.v-size-38 { height: 38%; }
.v-size-39 { height: 39%; }
.v-size-40 { height: 40%; }
.v-size-41 { height: 41%; }
.v-size-42 { height: 42%; }
.v-size-43 { height: 43%; }
.v-size-44 { height: 44%; }
.v-size-45 { height: 45%; }
.v-size-46 { height: 46%; }
.v-size-47 { height: 47%; }
.v-size-48 { height: 48%; }
.v-size-49 { height: 49%; }
.v-size-50 { height: 50%; }
.v-size-51 { height: 51%; }
.v-size-52 { height: 52%; }
.v-size-53 { height: 53%; }
.v-size-54 { height: 54%; }
.v-size-55 { height: 55%; }
.v-size-56 { height: 56%; }
.v-size-57 { height: 57%; }
.v-size-58 { height: 58%; }
.v-size-59 { height: 59%; }
.v-size-60 { height: 60%; }
.v-size-61 { height: 61%; }
.v-size-62 { height: 62%; }
.v-size-63 { height: 63%; }
.v-size-64 { height: 64%; }
.v-size-65 { height: 65%; }
.v-size-66 { height: 66%; }
.v-size-67 { height: 67%; }
.v-size-68 { height: 68%; }
.v-size-69 { height: 69%; }
.v-size-70 { height: 70%; }
.v-size-71 { height: 71%; }
.v-size-72 { height: 72%; }
.v-size-73 { height: 73%; }
.v-size-74 { height: 74%; }
.v-size-75 { height: 75%; }
.v-size-76 { height: 76%; }
.v-size-77 { height: 77%; }
.v-size-78 { height: 78%; }
.v-size-79 { height: 79%; }
.v-size-80 { height: 80%; }
.v-size-81 { height: 81%; }
.v-size-82 { height: 82%; }
.v-size-83 { height: 83%; }
.v-size-84 { height: 84%; }
.v-size-85 { height: 85%; }
.v-size-86 { height: 86%; }
.v-size-87 { height: 87%; }
.v-size-88 { height: 88%; }
.v-size-89 { height: 89%; }
.v-size-90 { height: 90%; }
.v-size-91 { height: 91%; }
.v-size-92 { height: 92%; }
.v-size-93 { height: 93%; }
.v-size-94 { height: 94%; }
.v-size-95 { height: 95%; }
.v-size-96 { height: 96%; }
.v-size-97 { height: 97%; }
.v-size-98 { height: 98%; }
.v-size-99 { height: 99%; }
.v-size-100 { height: 100%; }
.v-size-100 { height: 100%; }
.v-size-101 { height: 101%; }
.v-size-102 { height: 102%; }
.v-size-103 { height: 103%; }
.v-size-104 { height: 104%; }
.v-size-105 { height: 105%; }
.v-size-106 { height: 106%; }
.v-size-107 { height: 107%; }
.v-size-108 { height: 108%; }
.v-size-109 { height: 109%; }
.v-size-110 { height: 110%; }
.v-size-111 { height: 111%; }
.v-size-112 { height: 112%; }
.v-size-113 { height: 113%; }
.v-size-114 { height: 114%; }
.v-size-115 { height: 115%; }
.v-size-116 { height: 116%; }
.v-size-117 { height: 117%; }
.v-size-118 { height: 118%; }
.v-size-119 { height: 119%; }
.v-size-120 { height: 120%; }
.v-size-121 { height: 121%; }
.v-size-122 { height: 122%; }
.v-size-123 { height: 123%; }
.v-size-124 { height: 124%; }
.v-size-125 { height: 125%; }
.v-size-126 { height: 126%; }
.v-size-127 { height: 127%; }
.v-size-128 { height: 128%; }
.v-size-129 { height: 129%; }
.v-size-130 { height: 130%; }
.v-size-131 { height: 131%; }
.v-size-132 { height: 132%; }
.v-size-133 { height: 133%; }
.v-size-134 { height: 134%; }
.v-size-135 { height: 135%; }
.v-size-136 { height: 136%; }
.v-size-137 { height: 137%; }
.v-size-138 { height: 138%; }
.v-size-139 { height: 139%; }
.v-size-140 { height: 140%; }
.v-size-141 { height: 141%; }
.v-size-142 { height: 142%; }
.v-size-143 { height: 143%; }
.v-size-144 { height: 144%; }
.v-size-145 { height: 145%; }
.v-size-146 { height: 146%; }
.v-size-147 { height: 147%; }
.v-size-148 { height: 148%; }
.v-size-149 { height: 149%; }
.v-size-150 { height: 150%; }
.v-size-151 { height: 151%; }
.v-size-152 { height: 152%; }
.v-size-153 { height: 153%; }
.v-size-154 { height: 154%; }
.v-size-155 { height: 155%; }
.v-size-156 { height: 156%; }
.v-size-157 { height: 157%; }
.v-size-158 { height: 158%; }
.v-size-159 { height: 159%; }
.v-size-160 { height: 160%; }
.v-size-161 { height: 161%; }
.v-size-162 { height: 162%; }
.v-size-163 { height: 163%; }
.v-size-164 { height: 164%; }
.v-size-165 { height: 165%; }
.v-size-166 { height: 166%; }
.v-size-167 { height: 167%; }
.v-size-168 { height: 168%; }
.v-size-169 { height: 169%; }
.v-size-170 { height: 170%; }
.v-size-171 { height: 171%; }
.v-size-172 { height: 172%; }
.v-size-173 { height: 173%; }
.v-size-174 { height: 174%; }
.v-size-175 { height: 175%; }
.v-size-176 { height: 176%; }
.v-size-177 { height: 177%; }
.v-size-178 { height: 178%; }
.v-size-179 { height: 179%; }
.v-size-180 { height: 180%; }
.v-size-181 { height: 181%; }
.v-size-182 { height: 182%; }
.v-size-183 { height: 183%; }
.v-size-184 { height: 184%; }
.v-size-185 { height: 185%; }
.v-size-186 { height: 186%; }
.v-size-187 { height: 187%; }
.v-size-188 { height: 188%; }
.v-size-189 { height: 189%; }
.v-size-190 { height: 190%; }
.v-size-191 { height: 191%; }
.v-size-192 { height: 192%; }
.v-size-193 { height: 193%; }
.v-size-194 { height: 194%; }
.v-size-195 { height: 195%; }
.v-size-196 { height: 196%; }
.v-size-197 { height: 197%; }
.v-size-198 { height: 198%; }
.v-size-199 { height: 199%; }
.v-size-200 { height: 200%; }

/* HEIGHT */
.height-1 { height: min(0.5vw, 3px); }
.height-2 { height: min(1vw, 6px); }
.height-3 { height: min(1.5vw, 9px); }
.height-4 { height: min(2vw, 12px); }
.height-5 { height: min(2.5vw, 15px); }
.height-6 { height: min(3vw, 18px); }
.height-7 { height: min(3.5vw, 21px); }
.height-8 { height: min(4vw, 24px); }
.height-9 { height: min(4.5vw, 27px); }
.height-10 { height: min(5vw, 30px); }
.height-11 { height: min(5.5vw, 33px); }
.height-12 { height: min(6vw, 36px); }
.height-13 { height: min(6.5vw, 39px); }
.height-14 { height: min(7vw, 42px); }
.height-15 { height: min(7.5vw, 45px); }
.height-16 { height: min(8vw, 48px); }
.height-17 { height: min(8.5vw, 51px); }
.height-18 { height: min(9vw, 54px); }
.height-19 { height: min(9.5vw, 57px); }
.height-20 { height: min(10vw, 60px); }
.height-21 { height: min(10.5vw, 63px); }
.height-22 { height: min(11vw, 66px); }
.height-23 { height: min(11.5vw, 69px); }
.height-24 { height: min(12vw, 72px); }
.height-25 { height: min(12.5vw, 75px); }
.height-26 { height: min(13vw, 78px); }
.height-27 { height: min(13.5vw, 81px); }
.height-28 { height: min(14vw, 84px); }
.height-29 { height: min(14.5vw, 87px); }
.height-30 { height: min(15vw, 90px); }
.height-31 { height: min(15.5vw, 93px); }
.height-32 { height: min(16vw, 96px); }
.height-33 { height: min(16.5vw, 99px); }
.height-34 { height: min(17vw, 102px); }
.height-35 { height: min(17.5vw, 105px); }
.height-36 { height: min(18vw, 108px); }
.height-37 { height: min(18.5vw, 111px); }
.height-38 { height: min(19vw, 114px); }
.height-39 { height: min(19.5vw, 117px); }
.height-40 { height: min(20vw, 120px); }

/* =========================== MARGIN =========================== */

/* MARGIN TOP */
.margin-top-1 { margin-top: min(0.5vw, 3px); }
.margin-top-2 { margin-top: min(1vw, 6px); }
.margin-top-3 { margin-top: min(1.5vw, 9px); }
.margin-top-4 { margin-top: min(2vw, 12px); }
.margin-top-5 { margin-top: min(2.5vw, 15px); }
.margin-top-6 { margin-top: min(3vw, 18px); }
.margin-top-7 { margin-top: min(3.5vw, 21px); }
.margin-top-8 { margin-top: min(4vw, 24px); }
.margin-top-9 { margin-top: min(4.5vw, 27px); }
.margin-top-10 { margin-top: min(5vw, 30px); }
.margin-top-11 { margin-top: min(5.5vw, 33px); }
.margin-top-12 { margin-top: min(6vw, 36px); }
.margin-top-13 { margin-top: min(6.5vw, 39px); }
.margin-top-14 { margin-top: min(7vw, 42px); }
.margin-top-15 { margin-top: min(7.5vw, 45px); }
.margin-top-16 { margin-top: min(8vw, 48px); }
.margin-top-17 { margin-top: min(8.5vw, 51px); }
.margin-top-18 { margin-top: min(9vw, 54px); }
.margin-top-19 { margin-top: min(9.5vw, 57px); }
.margin-top-20 { margin-top: min(10vw, 60px); }

/* MARGIN BOTTOM */
.margin-bottom-1 { margin-bottom: min(0.5vw, 3px); }
.margin-bottom-2 { margin-bottom: min(1vw, 6px); }
.margin-bottom-3 { margin-bottom: min(1.5vw, 9px); }
.margin-bottom-4 { margin-bottom: min(2vw, 12px); }
.margin-bottom-5 { margin-bottom: min(2.5vw, 15px); }
.margin-bottom-6 { margin-bottom: min(3vw, 18px); }
.margin-bottom-7 { margin-bottom: min(3.5vw, 21px); }
.margin-bottom-8 { margin-bottom: min(4vw, 24px); }
.margin-bottom-9 { margin-bottom: min(4.5vw, 27px); }
.margin-bottom-10 { margin-bottom: min(5vw, 30px); }
.margin-bottom-11 { margin-bottom: min(5.5vw, 33px); }
.margin-bottom-12 { margin-bottom: min(6vw, 36px); }
.margin-bottom-13 { margin-bottom: min(6.5vw, 39px); }
.margin-bottom-14 { margin-bottom: min(7vw, 42px); }
.margin-bottom-15 { margin-bottom: min(7.5vw, 45px); }
.margin-bottom-16 { margin-bottom: min(8vw, 48px); }
.margin-bottom-17 { margin-bottom: min(8.5vw, 51px); }
.margin-bottom-18 { margin-bottom: min(9vw, 54px); }
.margin-bottom-19 { margin-bottom: min(9.5vw, 57px); }
.margin-bottom-20 { margin-bottom: min(10vw, 60px); }

/* MARGIN LEFT */
.margin-left-1 { margin-left: min(0.5vw, 3px); }
.margin-left-2 { margin-left: min(1vw, 6px); }
.margin-left-3 { margin-left: min(1.5vw, 9px); }
.margin-left-4 { margin-left: min(2vw, 12px); }
.margin-left-5 { margin-left: min(2.5vw, 15px); }
.margin-left-6 { margin-left: min(3vw, 18px); }
.margin-left-7 { margin-left: min(3.5vw, 21px); }
.margin-left-8 { margin-left: min(4vw, 24px); }
.margin-left-9 { margin-left: min(4.5vw, 27px); }
.margin-left-10 { margin-left: min(5vw, 30px); }
.margin-left-11 { margin-left: min(5.5vw, 33px); }
.margin-left-12 { margin-left: min(6vw, 36px); }
.margin-left-13 { margin-left: min(6.5vw, 39px); }
.margin-left-14 { margin-left: min(7vw, 42px); }
.margin-left-15 { margin-left: min(7.5vw, 45px); }
.margin-left-16 { margin-left: min(8vw, 48px); }
.margin-left-17 { margin-left: min(8.5vw, 51px); }
.margin-left-18 { margin-left: min(9vw, 54px); }
.margin-left-19 { margin-left: min(9.5vw, 57px); }
.margin-left-20 { margin-left: min(10vw, 60px); }

/* MARGIN RIGHT */
.margin-right-1 { margin-right: min(0.5vw, 3px); }
.margin-right-2 { margin-right: min(1vw, 6px); }
.margin-right-3 { margin-right: min(1.5vw, 9px); }
.margin-right-4 { margin-right: min(2vw, 12px); }
.margin-right-5 { margin-right: min(2.5vw, 15px); }
.margin-right-6 { margin-right: min(3vw, 18px); }
.margin-right-7 { margin-right: min(3.5vw, 21px); }
.margin-right-8 { margin-right: min(4vw, 24px); }
.margin-right-9 { margin-right: min(4.5vw, 27px); }
.margin-right-10 { margin-right: min(5vw, 30px); }
.margin-right-11 { margin-right: min(5.5vw, 33px); }
.margin-right-12 { margin-right: min(6vw, 36px); }
.margin-right-13 { margin-right: min(6.5vw, 39px); }
.margin-right-14 { margin-right: min(7vw, 42px); }
.margin-right-15 { margin-right: min(7.5vw, 45px); }
.margin-right-16 { margin-right: min(8vw, 48px); }
.margin-right-17 { margin-right: min(8.5vw, 51px); }
.margin-right-18 { margin-right: min(9vw, 54px); }
.margin-right-19 { margin-right: min(9.5vw, 57px); }
.margin-right-20 { margin-right: min(10vw, 60px); }

/* MARGIN */
.margin-1 { margin: min(0.5vw, 3px); }
.margin-2 { margin: min(1vw, 6px); }
.margin-3 { margin: min(1.5vw, 9px); }
.margin-4 { margin: min(2vw, 12px); }
.margin-5 { margin: min(2.5vw, 15px); }
.margin-6 { margin: min(3vw, 18px); }
.margin-7 { margin: min(3.5vw, 21px); }
.margin-8 { margin: min(4vw, 24px); }
.margin-9 { margin: min(4.5vw, 27px); }
.margin-10 { margin: min(5vw, 30px); }
.margin-11 { margin: min(5.5vw, 33px); }
.margin-12 { margin: min(6vw, 36px); }
.margin-13 { margin: min(6.5vw, 39px); }
.margin-14 { margin: min(7vw, 42px); }
.margin-15 { margin: min(7.5vw, 45px); }
.margin-16 { margin: min(8vw, 48px); }
.margin-17 { margin: min(8.5vw, 51px); }
.margin-18 { margin: min(9vw, 54px); }
.margin-19 { margin: min(9.5vw, 57px); }
.margin-20 { margin: min(10vw, 60px); }

/* MARGIN HORIZONTAL */
.margin-h-1 { margin-right: min(0.5vw, 3px); margin-left: min(0.5vw, 3px); }
.margin-h-2 { margin-right: min(1vw, 6px); margin-left: min(1vw, 6px); }
.margin-h-3 { margin-right: min(1.5vw, 9px); margin-left: min(1.5vw, 9px); }
.margin-h-4 { margin-right: min(2vw, 12px); margin-left: min(2vw, 12px); }
.margin-h-5 { margin-right: min(2.5vw, 15px); margin-left: min(2.5vw, 15px); }
.margin-h-6 { margin-right: min(3vw, 18px); margin-left: min(3vw, 18px); }
.margin-h-7 { margin-right: min(3.5vw, 21px); margin-left: min(3.5vw, 21px); }
.margin-h-8 { margin-right: min(4vw, 24px); margin-left: min(4vw, 24px); }
.margin-h-9 { margin-right: min(4.5vw, 27px); margin-left: min(4.5vw, 27px); }
.margin-h-10 { margin-right: min(5vw, 30px); margin-left: min(5vw, 30px); }
.margin-h-11 { margin-right: min(5.5vw, 33px); margin-left: min(5.5vw, 33px); }
.margin-h-12 { margin-right: min(6vw, 36px); margin-left: min(6vw, 36px); }
.margin-h-13 { margin-right: min(6.5vw, 39px); margin-left: min(6.5vw, 39px); }
.margin-h-14 { margin-right: min(7vw, 42px); margin-left: min(7vw, 42px); }
.margin-h-15 { margin-right: min(7.5vw, 45px); margin-left: min(7.5vw, 45px); }
.margin-h-16 { margin-right: min(8vw, 48px); margin-left: min(8vw, 48px); }
.margin-h-17 { margin-right: min(8.5vw, 51px); margin-left: min(8.5vw, 51px); }
.margin-h-18 { margin-right: min(9vw, 54px); margin-left: min(9vw, 54px); }
.margin-h-19 { margin-right: min(9.5vw, 57px); margin-left: min(9.5vw, 57px); }
.margin-h-20 { margin-right: min(10vw, 60px); margin-left: min(10vw, 60px); }

/* MARGIN VERTICAL */
.margin-v-1 { margin-top: min(0.5vw, 3px); margin-bottom: min(0.5vw, 3px); }
.margin-v-2 { margin-top: min(1vw, 6px); margin-bottom: min(1vw, 6px); }
.margin-v-3 { margin-top: min(1.5vw, 9px); margin-bottom: min(1.5vw, 9px); }
.margin-v-4 { margin-top: min(2vw, 12px); margin-bottom: min(2vw, 12px); }
.margin-v-5 { margin-top: min(2.5vw, 15px); margin-bottom: min(2.5vw, 15px); }
.margin-v-6 { margin-top: min(3vw, 18px); margin-bottom: min(3vw, 18px); }
.margin-v-7 { margin-top: min(3.5vw, 21px); margin-bottom: min(3.5vw, 21px); }
.margin-v-8 { margin-top: min(4vw, 24px); margin-bottom: min(4vw, 24px); }
.margin-v-9 { margin-top: min(4.5vw, 27px); margin-bottom: min(4.5vw, 27px); }
.margin-v-10 { margin-top: min(5vw, 30px); margin-bottom: min(5vw, 30px); }
.margin-v-11 { margin-top: min(5.5vw, 33px); margin-bottom: min(5.5vw, 33px); }
.margin-v-12 { margin-top: min(6vw, 36px); margin-bottom: min(6vw, 36px); }
.margin-v-13 { margin-top: min(6.5vw, 39px); margin-bottom: min(6.5vw, 39px); }
.margin-v-14 { margin-top: min(7vw, 42px); margin-bottom: min(7vw, 42px); }
.margin-v-15 { margin-top: min(7.5vw, 45px); margin-bottom: min(7.5vw, 45px); }
.margin-v-16 { margin-top: min(8vw, 48px); margin-bottom: min(8vw, 48px); }
.margin-v-17 { margin-top: min(8.5vw, 51px); margin-bottom: min(8.5vw, 51px); }
.margin-v-18 { margin-top: min(9vw, 54px); margin-bottom: min(9vw, 54px); }
.margin-v-19 { margin-top: min(9.5vw, 57px); margin-bottom: min(9.5vw, 57px); }
.margin-v-20 { margin-top: min(10vw, 60px); margin-bottom: min(10vw, 60px); }

/* =========================== PADDING =========================== */

/* PADDING TOP */
.padding-top-1 { padding-top: min(0.5vw, 3px); }
.padding-top-2 { padding-top: min(1vw, 6px); }
.padding-top-3 { padding-top: min(1.5vw, 9px); }
.padding-top-4 { padding-top: min(2vw, 12px); }
.padding-top-5 { padding-top: min(2.5vw, 15px); }
.padding-top-6 { padding-top: min(3vw, 18px); }
.padding-top-7 { padding-top: min(3.5vw, 21px); }
.padding-top-8 { padding-top: min(4vw, 24px); }
.padding-top-9 { padding-top: min(4.5vw, 27px); }
.padding-top-10 { padding-top: min(5vw, 30px); }
.padding-top-11 { padding-top: min(5.5vw, 33px); }
.padding-top-12 { padding-top: min(6vw, 36px); }
.padding-top-13 { padding-top: min(6.5vw, 39px); }
.padding-top-14 { padding-top: min(7vw, 42px); }
.padding-top-15 { padding-top: min(7.5vw, 45px); }
.padding-top-16 { padding-top: min(8vw, 48px); }
.padding-top-17 { padding-top: min(8.5vw, 51px); }
.padding-top-18 { padding-top: min(9vw, 54px); }
.padding-top-19 { padding-top: min(9.5vw, 57px); }
.padding-top-20 { padding-top: min(10vw, 60px); }

/* PADDING BOTTOM */
.padding-bottom-1 { padding-bottom: min(0.5vw, 3px); }
.padding-bottom-2 { padding-bottom: min(1vw, 6px); }
.padding-bottom-3 { padding-bottom: min(1.5vw, 9px); }
.padding-bottom-4 { padding-bottom: min(2vw, 12px); }
.padding-bottom-5 { padding-bottom: min(2.5vw, 15px); }
.padding-bottom-6 { padding-bottom: min(3vw, 18px); }
.padding-bottom-7 { padding-bottom: min(3.5vw, 21px); }
.padding-bottom-8 { padding-bottom: min(4vw, 24px); }
.padding-bottom-9 { padding-bottom: min(4.5vw, 27px); }
.padding-bottom-10 { padding-bottom: min(5vw, 30px); }
.padding-bottom-11 { padding-bottom: min(5.5vw, 33px); }
.padding-bottom-12 { padding-bottom: min(6vw, 36px); }
.padding-bottom-13 { padding-bottom: min(6.5vw, 39px); }
.padding-bottom-14 { padding-bottom: min(7vw, 42px); }
.padding-bottom-15 { padding-bottom: min(7.5vw, 45px); }
.padding-bottom-16 { padding-bottom: min(8vw, 48px); }
.padding-bottom-17 { padding-bottom: min(8.5vw, 51px); }
.padding-bottom-18 { padding-bottom: min(9vw, 54px); }
.padding-bottom-19 { padding-bottom: min(9.5vw, 57px); }
.padding-bottom-20 { padding-bottom: min(10vw, 60px); }

/* PADDING LEFT */
.padding-left-1 { padding-left: min(0.5vw, 3px); }
.padding-left-2 { padding-left: min(1vw, 6px); }
.padding-left-3 { padding-left: min(1.5vw, 9px); }
.padding-left-4 { padding-left: min(2vw, 12px); }
.padding-left-5 { padding-left: min(2.5vw, 15px); }
.padding-left-6 { padding-left: min(3vw, 18px); }
.padding-left-7 { padding-left: min(3.5vw, 21px); }
.padding-left-8 { padding-left: min(4vw, 24px); }
.padding-left-9 { padding-left: min(4.5vw, 27px); }
.padding-left-10 { padding-left: min(5vw, 30px); }
.padding-left-11 { padding-left: min(5.5vw, 33px); }
.padding-left-12 { padding-left: min(6vw, 36px); }
.padding-left-13 { padding-left: min(6.5vw, 39px); }
.padding-left-14 { padding-left: min(7vw, 42px); }
.padding-left-15 { padding-left: min(7.5vw, 45px); }
.padding-left-16 { padding-left: min(8vw, 48px); }
.padding-left-17 { padding-left: min(8.5vw, 51px); }
.padding-left-18 { padding-left: min(9vw, 54px); }
.padding-left-19 { padding-left: min(9.5vw, 57px); }
.padding-left-20 { padding-left: min(10vw, 60px); }

/* PADDING RIGHT */
.padding-right-1 { padding-right: min(0.5vw, 3px); }
.padding-right-2 { padding-right: min(1vw, 6px); }
.padding-right-3 { padding-right: min(1.5vw, 9px); }
.padding-right-4 { padding-right: min(2vw, 12px); }
.padding-right-5 { padding-right: min(2.5vw, 15px); }
.padding-right-6 { padding-right: min(3vw, 18px); }
.padding-right-7 { padding-right: min(3.5vw, 21px); }
.padding-right-8 { padding-right: min(4vw, 24px); }
.padding-right-9 { padding-right: min(4.5vw, 27px); }
.padding-right-10 { padding-right: min(5vw, 30px); }
.padding-right-11 { padding-right: min(5.5vw, 33px); }
.padding-right-12 { padding-right: min(6vw, 36px); }
.padding-right-13 { padding-right: min(6.5vw, 39px); }
.padding-right-14 { padding-right: min(7vw, 42px); }
.padding-right-15 { padding-right: min(7.5vw, 45px); }
.padding-right-16 { padding-right: min(8vw, 48px); }
.padding-right-17 { padding-right: min(8.5vw, 51px); }
.padding-right-18 { padding-right: min(9vw, 54px); }
.padding-right-19 { padding-right: min(9.5vw, 57px); }
.padding-right-20 { padding-right: min(10vw, 60px); }

/* PADDING */
.padding-1 { padding: min(0.5vw, 3px); }
.padding-2 { padding: min(1vw, 6px); }
.padding-3 { padding: min(1.5vw, 9px); }
.padding-4 { padding: min(2vw, 12px); }
.padding-5 { padding: min(2.5vw, 15px); }
.padding-6 { padding: min(3vw, 18px); }
.padding-7 { padding: min(3.5vw, 21px); }
.padding-8 { padding: min(4vw, 24px); }
.padding-9 { padding: min(4.5vw, 27px); }
.padding-10 { padding: min(5vw, 30px); }
.padding-11 { padding: min(5.5vw, 33px); }
.padding-12 { padding: min(6vw, 36px); }
.padding-13 { padding: min(6.5vw, 39px); }
.padding-14 { padding: min(7vw, 42px); }
.padding-15 { padding: min(7.5vw, 45px); }
.padding-16 { padding: min(8vw, 48px); }
.padding-17 { padding: min(8.5vw, 51px); }
.padding-18 { padding: min(9vw, 54px); }
.padding-19 { padding: min(9.5vw, 57px); }
.padding-20 { padding: min(10vw, 60px); }
.padding-21 { padding: min(10.5vw, 63px); }
.padding-22 { padding: min(11vw, 66px); }
.padding-23 { padding: min(11.5vw, 69px); }
.padding-24 { padding: min(12vw, 72px); }
.padding-25 { padding: min(12.5vw, 75px); }
.padding-26 { padding: min(13vw, 78px); }
.padding-27 { padding: min(13.5vw, 81px); }
.padding-28 { padding: min(14vw, 84px); }
.padding-29 { padding: min(14.5vw, 87px); }
.padding-30 { padding: min(15vw, 90px); }

/* PADDING HORIZONTAL */
.padding-h-1 { padding-right: min(0.5vw, 3px); padding-left: min(0.5vw, 3px); }
.padding-h-2 { padding-right: min(1vw, 6px); padding-left: min(1vw, 6px); }
.padding-h-3 { padding-right: min(1.5vw, 9px); padding-left: min(1.5vw, 9px); }
.padding-h-4 { padding-right: min(2vw, 12px); padding-left: min(2vw, 12px); }
.padding-h-5 { padding-right: min(2.5vw, 15px); padding-left: min(2.5vw, 15px); }
.padding-h-6 { padding-right: min(3vw, 18px); padding-left: min(3vw, 18px); }
.padding-h-7 { padding-right: min(3.5vw, 21px); padding-left: min(3.5vw, 21px); }
.padding-h-8 { padding-right: min(4vw, 24px); padding-left: min(4vw, 24px); }
.padding-h-9 { padding-right: min(4.5vw, 27px); padding-left: min(4.5vw, 27px); }
.padding-h-10 { padding-right: min(5vw, 30px); padding-left: min(5vw, 30px); }
.padding-h-11 { padding-right: min(5.5vw, 33px); padding-left: min(5.5vw, 33px); }
.padding-h-12 { padding-right: min(6vw, 36px); padding-left: min(6vw, 36px); }
.padding-h-13 { padding-right: min(6.5vw, 39px); padding-left: min(6.5vw, 39px); }
.padding-h-14 { padding-right: min(7vw, 42px); padding-left: min(7vw, 42px); }
.padding-h-15 { padding-right: min(7.5vw, 45px); padding-left: min(7.5vw, 45px); }
.padding-h-16 { padding-right: min(8vw, 48px); padding-left: min(8vw, 48px); }
.padding-h-17 { padding-right: min(8.5vw, 51px); padding-left: min(8.5vw, 51px); }
.padding-h-18 { padding-right: min(9vw, 54px); padding-left: min(9vw, 54px); }
.padding-h-19 { padding-right: min(9.5vw, 57px); padding-left: min(9.5vw, 57px); }
.padding-h-20 { padding-right: min(10vw, 60px); padding-left: min(10vw, 60px); }

/* PADDING VERTICAL */
.padding-v-1 { padding-top: min(0.5vw, 3px); padding-bottom: min(0.5vw, 3px); }
.padding-v-2 { padding-top: min(1vw, 6px); padding-bottom: min(1vw, 6px); }
.padding-v-3 { padding-top: min(1.5vw, 9px); padding-bottom: min(1.5vw, 9px); }
.padding-v-4 { padding-top: min(2vw, 12px); padding-bottom: min(2vw, 12px); }
.padding-v-5 { padding-top: min(2.5vw, 15px); padding-bottom: min(2.5vw, 15px); }
.padding-v-6 { padding-top: min(3vw, 18px); padding-bottom: min(3vw, 18px); }
.padding-v-7 { padding-top: min(3.5vw, 21px); padding-bottom: min(3.5vw, 21px); }
.padding-v-8 { padding-top: min(4vw, 24px); padding-bottom: min(4vw, 24px); }
.padding-v-9 { padding-top: min(4.5vw, 27px); padding-bottom: min(4.5vw, 27px); }
.padding-v-10 { padding-top: min(5vw, 30px); padding-bottom: min(5vw, 30px); }
.padding-v-11 { padding-top: min(5.5vw, 33px); padding-bottom: min(5.5vw, 33px); }
.padding-v-12 { padding-top: min(6vw, 36px); padding-bottom: min(6vw, 36px); }
.padding-v-13 { padding-top: min(6.5vw, 39px); padding-bottom: min(6.5vw, 39px); }
.padding-v-14 { padding-top: min(7vw, 42px); padding-bottom: min(7vw, 42px); }
.padding-v-15 { padding-top: min(7.5vw, 45px); padding-bottom: min(7.5vw, 45px); }
.padding-v-16 { padding-top: min(8vw, 48px); padding-bottom: min(8vw, 48px); }
.padding-v-17 { padding-top: min(8.5vw, 51px); padding-bottom: min(8.5vw, 51px); }
.padding-v-18 { padding-top: min(9vw, 54px); padding-bottom: min(9vw, 54px); }
.padding-v-19 { padding-top: min(9.5vw, 57px); padding-bottom: min(9.5vw, 57px); }
.padding-v-20 { padding-top: min(10vw, 60px); padding-bottom: min(10vw, 60px); }

/* =========================== ABSOLUTE =========================== */

/* GENERAL DESIGN */
p {
    margin: 0;
    position: absolute;
}
img {
    position: absolute;
}

/* =========================== BACKGROUND =========================== */

.bg-color-1 { background-color: rgb(var(--color-1)); }
.bg-color-2 { background-color: rgb(var(--color-2)); }
.bg-color-3 { background-color: rgb(var(--color-3)); }
.bg-color-4 { background-color: rgb(var(--color-4)); }
.bg-color-5 { background-color: rgb(var(--color-5)); }
.bg-color-6 { background-color: rgb(var(--color-6)); }
.bg-color-7 { background-color: rgb(var(--color-7)); }
.bg-color-8 { background-color: rgb(var(--color-8)); }
.bg-color-greenvi { background-color: rgb(var(--color-greenvi)); }

.bg-color-white { background-color: #FFF; }
.bg-color-white-5 { background-color: #FFF5; }
.bg-color-black { background-color: #000; }
.bg-color-black-5 { background-color: #0005; }

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

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

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

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

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

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

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

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

/* =========================== FORM =========================== */

input {
    width: 35%;
    padding: min(2vw, 12px);
    font-size: min(3vw, 18px);
}

.form-names {
    display: flex;
    justify-content: center;
    gap: min(3vw, 18px);
    margin-bottom: min(3vw, 18px);
}

.form-buttons {
    display: flex;
    justify-content: center;
    gap: min(3vw, 18px);
}

button {
    font-size: min(4vw, 24px);
    padding: min(1vw, 6px);
    width: 30%;
}

form > div { text-align: center; }

.section-form { height: auto; }

.form-top-1 { margin-top: min(10vw, 60px); }
.form-top-2 { margin-top: min(20vw, 120px); }
.form-top-3 { margin-top: min(30vw, 180px); }
.form-top-4 { margin-top: min(40vw, 240px); }
.form-top-5 { margin-top: min(50vw, 300px); }
.form-top-6 { margin-top: min(60vw, 360px); }
.form-top-7 { margin-top: min(70vw, 420px); }
.form-top-8 { margin-top: min(80vw, 480px); }
.form-top-9 { margin-top: min(90vw, 540px); }
.form-top-10 { margin-top: min(100vw, 600px); }
.form-top-11 { margin-top: min(110vw, 660px); }
.form-top-12 { margin-top: min(120vw, 720px); }
.form-top-13 { margin-top: min(130vw, 780px); }
.form-top-14 { margin-top: min(140vw, 840px); }
.form-top-15 { margin-top: min(150vw, 900px); }
.form-top-16 { margin-top: min(160vw, 960px); }
.form-top-17 { margin-top: min(170vw, 1020px); }
.form-top-18 { margin-top: min(180vw, 1080px); }
.form-top-19 { margin-top: min(190vw, 1140px); }
.form-top-20 { margin-top: min(200vw, 1200px); }

/* .form-top-5 { padding-top: min(50vw, 300px); } */

/* =========================== IMAGES =========================== */

/* IMAGE POSITION */
.img-position-0-0 { object-position: 0% 0%; }
.img-position-0-10 { object-position: 0% 10%; }
.img-position-0-20 { object-position: 0% 20%; }
.img-position-0-30 { object-position: 0% 30%; }
.img-position-0-40 { object-position: 0% 40%; }
.img-position-0-50 { object-position: 0% 50%; }
.img-position-0-60 { object-position: 0% 60%; }
.img-position-0-70 { object-position: 0% 70%; }
.img-position-0-80 { object-position: 0% 80%; }
.img-position-0-90 { object-position: 0% 90%; }
.img-position-0-100 { object-position: 0% 100%; }
.img-position-10-0 { object-position: 10% 0%; }
.img-position-10-10 { object-position: 10% 10%; }
.img-position-10-20 { object-position: 10% 20%; }
.img-position-10-30 { object-position: 10% 30%; }
.img-position-10-40 { object-position: 10% 40%; }
.img-position-10-50 { object-position: 10% 50%; }
.img-position-10-60 { object-position: 10% 60%; }
.img-position-10-70 { object-position: 10% 70%; }
.img-position-10-80 { object-position: 10% 80%; }
.img-position-10-90 { object-position: 10% 90%; }
.img-position-10-100 { object-position: 10% 100%; }
.img-position-20-0 { object-position: 20% 0%; }
.img-position-20-10 { object-position: 20% 10%; }
.img-position-20-20 { object-position: 20% 20%; }
.img-position-20-30 { object-position: 20% 30%; }
.img-position-20-40 { object-position: 20% 40%; }
.img-position-20-50 { object-position: 20% 50%; }
.img-position-20-60 { object-position: 20% 60%; }
.img-position-20-70 { object-position: 20% 70%; }
.img-position-20-80 { object-position: 20% 80%; }
.img-position-20-90 { object-position: 20% 90%; }
.img-position-20-100 { object-position: 20% 100%; }
.img-position-30-0 { object-position: 30% 0%; }
.img-position-30-10 { object-position: 30% 10%; }
.img-position-30-20 { object-position: 30% 20%; }
.img-position-30-30 { object-position: 30% 30%; }
.img-position-30-40 { object-position: 30% 40%; }
.img-position-30-50 { object-position: 30% 50%; }
.img-position-30-60 { object-position: 30% 60%; }
.img-position-30-70 { object-position: 30% 70%; }
.img-position-30-80 { object-position: 30% 80%; }
.img-position-30-90 { object-position: 30% 90%; }
.img-position-30-100 { object-position: 30% 100%; }
.img-position-40-0 { object-position: 40% 0%; }
.img-position-40-10 { object-position: 40% 10%; }
.img-position-40-20 { object-position: 40% 20%; }
.img-position-40-30 { object-position: 40% 30%; }
.img-position-40-40 { object-position: 40% 40%; }
.img-position-40-50 { object-position: 40% 50%; }
.img-position-40-60 { object-position: 40% 60%; }
.img-position-40-70 { object-position: 40% 70%; }
.img-position-40-80 { object-position: 40% 80%; }
.img-position-40-90 { object-position: 40% 90%; }
.img-position-40-100 { object-position: 40% 100%; }
.img-position-50-0 { object-position: 50% 0%; }
.img-position-50-10 { object-position: 50% 10%; }
.img-position-50-20 { object-position: 50% 20%; }
.img-position-50-30 { object-position: 50% 30%; }
.img-position-50-40 { object-position: 50% 40%; }
.img-position-50-50 { object-position: 50% 50%; }
.img-position-50-60 { object-position: 50% 60%; }
.img-position-50-70 { object-position: 50% 70%; }
.img-position-50-80 { object-position: 50% 80%; }
.img-position-50-90 { object-position: 50% 90%; }
.img-position-50-100 { object-position: 50% 100%; }
.img-position-60-0 { object-position: 60% 0%; }
.img-position-60-10 { object-position: 60% 10%; }
.img-position-60-20 { object-position: 60% 20%; }
.img-position-60-30 { object-position: 60% 30%; }
.img-position-60-40 { object-position: 60% 40%; }
.img-position-60-50 { object-position: 60% 50%; }
.img-position-60-60 { object-position: 60% 60%; }
.img-position-60-70 { object-position: 60% 70%; }
.img-position-60-80 { object-position: 60% 80%; }
.img-position-60-90 { object-position: 60% 90%; }
.img-position-60-100 { object-position: 60% 100%; }
.img-position-70-0 { object-position: 70% 0%; }
.img-position-70-10 { object-position: 70% 10%; }
.img-position-70-20 { object-position: 70% 20%; }
.img-position-70-30 { object-position: 70% 30%; }
.img-position-70-40 { object-position: 70% 40%; }
.img-position-70-50 { object-position: 70% 50%; }
.img-position-70-60 { object-position: 70% 60%; }
.img-position-70-70 { object-position: 70% 70%; }
.img-position-70-80 { object-position: 70% 80%; }
.img-position-70-90 { object-position: 70% 90%; }
.img-position-70-100 { object-position: 70% 100%; }
.img-position-80-0 { object-position: 80% 0%; }
.img-position-80-10 { object-position: 80% 10%; }
.img-position-80-20 { object-position: 80% 20%; }
.img-position-80-30 { object-position: 80% 30%; }
.img-position-80-40 { object-position: 80% 40%; }
.img-position-80-50 { object-position: 80% 50%; }
.img-position-80-60 { object-position: 80% 60%; }
.img-position-80-70 { object-position: 80% 70%; }
.img-position-80-80 { object-position: 80% 80%; }
.img-position-80-90 { object-position: 80% 90%; }
.img-position-80-100 { object-position: 80% 100%; }
.img-position-90-0 { object-position: 90% 0%; }
.img-position-90-10 { object-position: 90% 10%; }
.img-position-90-20 { object-position: 90% 20%; }
.img-position-90-30 { object-position: 90% 30%; }
.img-position-90-40 { object-position: 90% 40%; }
.img-position-90-50 { object-position: 90% 50%; }
.img-position-90-60 { object-position: 90% 60%; }
.img-position-90-70 { object-position: 90% 70%; }
.img-position-90-80 { object-position: 90% 80%; }
.img-position-90-90 { object-position: 90% 90%; }
.img-position-90-100 { object-position: 90% 100%; }
.img-position-100-0 { object-position: 100% 0%; }
.img-position-100-10 { object-position: 100% 10%; }
.img-position-100-20 { object-position: 100% 20%; }
.img-position-100-30 { object-position: 100% 30%; }
.img-position-100-40 { object-position: 100% 40%; }
.img-position-100-50 { object-position: 100% 50%; }
.img-position-100-60 { object-position: 100% 60%; }
.img-position-100-70 { object-position: 100% 70%; }
.img-position-100-80 { object-position: 100% 80%; }
.img-position-100-90 { object-position: 100% 90%; }
.img-position-100-100 { object-position: 100% 100%; }

/* IMG SIZE */
.img-size-1 { scale: 1.1; }
.img-size-2 { scale: 1.2; }
.img-size-3 { scale: 1.3; }
.img-size-4 { scale: 1.4; }
.img-size-5 { scale: 1.5; }
.img-size-6 { scale: 1.6; }
.img-size-7 { scale: 1.7; }
.img-size-8 { scale: 1.8; }
.img-size-9 { scale: 1.9; }
.img-size-10 { scale: 2.0; }

/* =========================== ROTATE =========================== */

/* ROTATE */
.rotate-0 { transform: rotate(0deg); }
.rotate-1 { transform: rotate(1deg); }
.rotate-2 { transform: rotate(2deg); }
.rotate-3 { transform: rotate(3deg); }
.rotate-4 { transform: rotate(4deg); }
.rotate-5 { transform: rotate(5deg); }
.rotate-6 { transform: rotate(6deg); }
.rotate-7 { transform: rotate(7deg); }
.rotate-8 { transform: rotate(8deg); }
.rotate-9 { transform: rotate(9deg); }
.rotate-10 { transform: rotate(10deg); }
.rotate-11 { transform: rotate(11deg); }
.rotate-12 { transform: rotate(12deg); }
.rotate-13 { transform: rotate(13deg); }
.rotate-14 { transform: rotate(14deg); }
.rotate-15 { transform: rotate(15deg); }
.rotate-16 { transform: rotate(16deg); }
.rotate-17 { transform: rotate(17deg); }
.rotate-18 { transform: rotate(18deg); }
.rotate-19 { transform: rotate(19deg); }
.rotate-20 { transform: rotate(20deg); }
.rotate-21 { transform: rotate(21deg); }
.rotate-22 { transform: rotate(22deg); }
.rotate-23 { transform: rotate(23deg); }
.rotate-24 { transform: rotate(24deg); }
.rotate-25 { transform: rotate(25deg); }
.rotate-26 { transform: rotate(26deg); }
.rotate-27 { transform: rotate(27deg); }
.rotate-28 { transform: rotate(28deg); }
.rotate-29 { transform: rotate(29deg); }
.rotate-30 { transform: rotate(30deg); }
.rotate-31 { transform: rotate(31deg); }
.rotate-32 { transform: rotate(32deg); }
.rotate-33 { transform: rotate(33deg); }
.rotate-34 { transform: rotate(34deg); }
.rotate-35 { transform: rotate(35deg); }
.rotate-36 { transform: rotate(36deg); }
.rotate-37 { transform: rotate(37deg); }
.rotate-38 { transform: rotate(38deg); }
.rotate-39 { transform: rotate(39deg); }
.rotate-40 { transform: rotate(40deg); }
.rotate-41 { transform: rotate(41deg); }
.rotate-42 { transform: rotate(42deg); }
.rotate-43 { transform: rotate(43deg); }
.rotate-44 { transform: rotate(44deg); }
.rotate-45 { transform: rotate(45deg); }
.rotate-46 { transform: rotate(46deg); }
.rotate-47 { transform: rotate(47deg); }
.rotate-48 { transform: rotate(48deg); }
.rotate-49 { transform: rotate(49deg); }
.rotate-50 { transform: rotate(50deg); }
.rotate-51 { transform: rotate(51deg); }
.rotate-52 { transform: rotate(52deg); }
.rotate-53 { transform: rotate(53deg); }
.rotate-54 { transform: rotate(54deg); }
.rotate-55 { transform: rotate(55deg); }
.rotate-56 { transform: rotate(56deg); }
.rotate-57 { transform: rotate(57deg); }
.rotate-58 { transform: rotate(58deg); }
.rotate-59 { transform: rotate(59deg); }
.rotate-60 { transform: rotate(60deg); }
.rotate-61 { transform: rotate(61deg); }
.rotate-62 { transform: rotate(62deg); }
.rotate-63 { transform: rotate(63deg); }
.rotate-64 { transform: rotate(64deg); }
.rotate-65 { transform: rotate(65deg); }
.rotate-66 { transform: rotate(66deg); }
.rotate-67 { transform: rotate(67deg); }
.rotate-68 { transform: rotate(68deg); }
.rotate-69 { transform: rotate(69deg); }
.rotate-70 { transform: rotate(70deg); }
.rotate-71 { transform: rotate(71deg); }
.rotate-72 { transform: rotate(72deg); }
.rotate-73 { transform: rotate(73deg); }
.rotate-74 { transform: rotate(74deg); }
.rotate-75 { transform: rotate(75deg); }
.rotate-76 { transform: rotate(76deg); }
.rotate-77 { transform: rotate(77deg); }
.rotate-78 { transform: rotate(78deg); }
.rotate-79 { transform: rotate(79deg); }
.rotate-80 { transform: rotate(80deg); }
.rotate-81 { transform: rotate(81deg); }
.rotate-82 { transform: rotate(82deg); }
.rotate-83 { transform: rotate(83deg); }
.rotate-84 { transform: rotate(84deg); }
.rotate-85 { transform: rotate(85deg); }
.rotate-86 { transform: rotate(86deg); }
.rotate-87 { transform: rotate(87deg); }
.rotate-88 { transform: rotate(88deg); }
.rotate-89 { transform: rotate(89deg); }
.rotate-90 { transform: rotate(90deg); }
.rotate-91 { transform: rotate(91deg); }
.rotate-92 { transform: rotate(92deg); }
.rotate-93 { transform: rotate(93deg); }
.rotate-94 { transform: rotate(94deg); }
.rotate-95 { transform: rotate(95deg); }
.rotate-96 { transform: rotate(96deg); }
.rotate-97 { transform: rotate(97deg); }
.rotate-98 { transform: rotate(98deg); }
.rotate-99 { transform: rotate(99deg); }
.rotate-100 { transform: rotate(100deg); }
.rotate-101 { transform: rotate(101deg); }
.rotate-102 { transform: rotate(102deg); }
.rotate-103 { transform: rotate(103deg); }
.rotate-104 { transform: rotate(104deg); }
.rotate-105 { transform: rotate(105deg); }
.rotate-106 { transform: rotate(106deg); }
.rotate-107 { transform: rotate(107deg); }
.rotate-108 { transform: rotate(108deg); }
.rotate-109 { transform: rotate(109deg); }
.rotate-110 { transform: rotate(110deg); }
.rotate-111 { transform: rotate(111deg); }
.rotate-112 { transform: rotate(112deg); }
.rotate-113 { transform: rotate(113deg); }
.rotate-114 { transform: rotate(114deg); }
.rotate-115 { transform: rotate(115deg); }
.rotate-116 { transform: rotate(116deg); }
.rotate-117 { transform: rotate(117deg); }
.rotate-118 { transform: rotate(118deg); }
.rotate-119 { transform: rotate(119deg); }
.rotate-120 { transform: rotate(120deg); }
.rotate-121 { transform: rotate(121deg); }
.rotate-122 { transform: rotate(122deg); }
.rotate-123 { transform: rotate(123deg); }
.rotate-124 { transform: rotate(124deg); }
.rotate-125 { transform: rotate(125deg); }
.rotate-126 { transform: rotate(126deg); }
.rotate-127 { transform: rotate(127deg); }
.rotate-128 { transform: rotate(128deg); }
.rotate-129 { transform: rotate(129deg); }
.rotate-130 { transform: rotate(130deg); }
.rotate-131 { transform: rotate(131deg); }
.rotate-132 { transform: rotate(132deg); }
.rotate-133 { transform: rotate(133deg); }
.rotate-134 { transform: rotate(134deg); }
.rotate-135 { transform: rotate(135deg); }
.rotate-136 { transform: rotate(136deg); }
.rotate-137 { transform: rotate(137deg); }
.rotate-138 { transform: rotate(138deg); }
.rotate-139 { transform: rotate(139deg); }
.rotate-140 { transform: rotate(140deg); }
.rotate-141 { transform: rotate(141deg); }
.rotate-142 { transform: rotate(142deg); }
.rotate-143 { transform: rotate(143deg); }
.rotate-144 { transform: rotate(144deg); }
.rotate-145 { transform: rotate(145deg); }
.rotate-146 { transform: rotate(146deg); }
.rotate-147 { transform: rotate(147deg); }
.rotate-148 { transform: rotate(148deg); }
.rotate-149 { transform: rotate(149deg); }
.rotate-150 { transform: rotate(150deg); }
.rotate-151 { transform: rotate(151deg); }
.rotate-152 { transform: rotate(152deg); }
.rotate-153 { transform: rotate(153deg); }
.rotate-154 { transform: rotate(154deg); }
.rotate-155 { transform: rotate(155deg); }
.rotate-156 { transform: rotate(156deg); }
.rotate-157 { transform: rotate(157deg); }
.rotate-158 { transform: rotate(158deg); }
.rotate-159 { transform: rotate(159deg); }
.rotate-160 { transform: rotate(160deg); }
.rotate-161 { transform: rotate(161deg); }
.rotate-162 { transform: rotate(162deg); }
.rotate-163 { transform: rotate(163deg); }
.rotate-164 { transform: rotate(164deg); }
.rotate-165 { transform: rotate(165deg); }
.rotate-166 { transform: rotate(166deg); }
.rotate-167 { transform: rotate(167deg); }
.rotate-168 { transform: rotate(168deg); }
.rotate-169 { transform: rotate(169deg); }
.rotate-170 { transform: rotate(170deg); }
.rotate-171 { transform: rotate(171deg); }
.rotate-172 { transform: rotate(172deg); }
.rotate-173 { transform: rotate(173deg); }
.rotate-174 { transform: rotate(174deg); }
.rotate-175 { transform: rotate(175deg); }
.rotate-176 { transform: rotate(176deg); }
.rotate-177 { transform: rotate(177deg); }
.rotate-178 { transform: rotate(178deg); }
.rotate-179 { transform: rotate(179deg); }
.rotate-180 { transform: rotate(180deg); }
.rotate-181 { transform: rotate(181deg); }
.rotate-182 { transform: rotate(182deg); }
.rotate-183 { transform: rotate(183deg); }
.rotate-184 { transform: rotate(184deg); }
.rotate-185 { transform: rotate(185deg); }
.rotate-186 { transform: rotate(186deg); }
.rotate-187 { transform: rotate(187deg); }
.rotate-188 { transform: rotate(188deg); }
.rotate-189 { transform: rotate(189deg); }
.rotate-190 { transform: rotate(190deg); }
.rotate-191 { transform: rotate(191deg); }
.rotate-192 { transform: rotate(192deg); }
.rotate-193 { transform: rotate(193deg); }
.rotate-194 { transform: rotate(194deg); }
.rotate-195 { transform: rotate(195deg); }
.rotate-196 { transform: rotate(196deg); }
.rotate-197 { transform: rotate(197deg); }
.rotate-198 { transform: rotate(198deg); }
.rotate-199 { transform: rotate(199deg); }
.rotate-200 { transform: rotate(200deg); }
.rotate-201 { transform: rotate(201deg); }
.rotate-202 { transform: rotate(202deg); }
.rotate-203 { transform: rotate(203deg); }
.rotate-204 { transform: rotate(204deg); }
.rotate-205 { transform: rotate(205deg); }
.rotate-206 { transform: rotate(206deg); }
.rotate-207 { transform: rotate(207deg); }
.rotate-208 { transform: rotate(208deg); }
.rotate-209 { transform: rotate(209deg); }
.rotate-210 { transform: rotate(210deg); }
.rotate-211 { transform: rotate(211deg); }
.rotate-212 { transform: rotate(212deg); }
.rotate-213 { transform: rotate(213deg); }
.rotate-214 { transform: rotate(214deg); }
.rotate-215 { transform: rotate(215deg); }
.rotate-216 { transform: rotate(216deg); }
.rotate-217 { transform: rotate(217deg); }
.rotate-218 { transform: rotate(218deg); }
.rotate-219 { transform: rotate(219deg); }
.rotate-220 { transform: rotate(220deg); }
.rotate-221 { transform: rotate(221deg); }
.rotate-222 { transform: rotate(222deg); }
.rotate-223 { transform: rotate(223deg); }
.rotate-224 { transform: rotate(224deg); }
.rotate-225 { transform: rotate(225deg); }
.rotate-226 { transform: rotate(226deg); }
.rotate-227 { transform: rotate(227deg); }
.rotate-228 { transform: rotate(228deg); }
.rotate-229 { transform: rotate(229deg); }
.rotate-230 { transform: rotate(230deg); }
.rotate-231 { transform: rotate(231deg); }
.rotate-232 { transform: rotate(232deg); }
.rotate-233 { transform: rotate(233deg); }
.rotate-234 { transform: rotate(234deg); }
.rotate-235 { transform: rotate(235deg); }
.rotate-236 { transform: rotate(236deg); }
.rotate-237 { transform: rotate(237deg); }
.rotate-238 { transform: rotate(238deg); }
.rotate-239 { transform: rotate(239deg); }
.rotate-240 { transform: rotate(240deg); }
.rotate-241 { transform: rotate(241deg); }
.rotate-242 { transform: rotate(242deg); }
.rotate-243 { transform: rotate(243deg); }
.rotate-244 { transform: rotate(244deg); }
.rotate-245 { transform: rotate(245deg); }
.rotate-246 { transform: rotate(246deg); }
.rotate-247 { transform: rotate(247deg); }
.rotate-248 { transform: rotate(248deg); }
.rotate-249 { transform: rotate(249deg); }
.rotate-250 { transform: rotate(250deg); }
.rotate-251 { transform: rotate(251deg); }
.rotate-252 { transform: rotate(252deg); }
.rotate-253 { transform: rotate(253deg); }
.rotate-254 { transform: rotate(254deg); }
.rotate-255 { transform: rotate(255deg); }
.rotate-256 { transform: rotate(256deg); }
.rotate-257 { transform: rotate(257deg); }
.rotate-258 { transform: rotate(258deg); }
.rotate-259 { transform: rotate(259deg); }
.rotate-260 { transform: rotate(260deg); }
.rotate-261 { transform: rotate(261deg); }
.rotate-262 { transform: rotate(262deg); }
.rotate-263 { transform: rotate(263deg); }
.rotate-264 { transform: rotate(264deg); }
.rotate-265 { transform: rotate(265deg); }
.rotate-266 { transform: rotate(266deg); }
.rotate-267 { transform: rotate(267deg); }
.rotate-268 { transform: rotate(268deg); }
.rotate-269 { transform: rotate(269deg); }
.rotate-270 { transform: rotate(270deg); }
.rotate-271 { transform: rotate(271deg); }
.rotate-272 { transform: rotate(272deg); }
.rotate-273 { transform: rotate(273deg); }
.rotate-274 { transform: rotate(274deg); }
.rotate-275 { transform: rotate(275deg); }
.rotate-276 { transform: rotate(276deg); }
.rotate-277 { transform: rotate(277deg); }
.rotate-278 { transform: rotate(278deg); }
.rotate-279 { transform: rotate(279deg); }
.rotate-280 { transform: rotate(280deg); }
.rotate-281 { transform: rotate(281deg); }
.rotate-282 { transform: rotate(282deg); }
.rotate-283 { transform: rotate(283deg); }
.rotate-284 { transform: rotate(284deg); }
.rotate-285 { transform: rotate(285deg); }
.rotate-286 { transform: rotate(286deg); }
.rotate-287 { transform: rotate(287deg); }
.rotate-288 { transform: rotate(288deg); }
.rotate-289 { transform: rotate(289deg); }
.rotate-290 { transform: rotate(290deg); }
.rotate-291 { transform: rotate(291deg); }
.rotate-292 { transform: rotate(292deg); }
.rotate-293 { transform: rotate(293deg); }
.rotate-294 { transform: rotate(294deg); }
.rotate-295 { transform: rotate(295deg); }
.rotate-296 { transform: rotate(296deg); }
.rotate-297 { transform: rotate(297deg); }
.rotate-298 { transform: rotate(298deg); }
.rotate-299 { transform: rotate(299deg); }
.rotate-300 { transform: rotate(300deg); }
.rotate-301 { transform: rotate(301deg); }
.rotate-302 { transform: rotate(302deg); }
.rotate-303 { transform: rotate(303deg); }
.rotate-304 { transform: rotate(304deg); }
.rotate-305 { transform: rotate(305deg); }
.rotate-306 { transform: rotate(306deg); }
.rotate-307 { transform: rotate(307deg); }
.rotate-308 { transform: rotate(308deg); }
.rotate-309 { transform: rotate(309deg); }
.rotate-310 { transform: rotate(310deg); }
.rotate-311 { transform: rotate(311deg); }
.rotate-312 { transform: rotate(312deg); }
.rotate-313 { transform: rotate(313deg); }
.rotate-314 { transform: rotate(314deg); }
.rotate-315 { transform: rotate(315deg); }
.rotate-316 { transform: rotate(316deg); }
.rotate-317 { transform: rotate(317deg); }
.rotate-318 { transform: rotate(318deg); }
.rotate-319 { transform: rotate(319deg); }
.rotate-320 { transform: rotate(320deg); }
.rotate-321 { transform: rotate(321deg); }
.rotate-322 { transform: rotate(322deg); }
.rotate-323 { transform: rotate(323deg); }
.rotate-324 { transform: rotate(324deg); }
.rotate-325 { transform: rotate(325deg); }
.rotate-326 { transform: rotate(326deg); }
.rotate-327 { transform: rotate(327deg); }
.rotate-328 { transform: rotate(328deg); }
.rotate-329 { transform: rotate(329deg); }
.rotate-330 { transform: rotate(330deg); }
.rotate-331 { transform: rotate(331deg); }
.rotate-332 { transform: rotate(332deg); }
.rotate-333 { transform: rotate(333deg); }
.rotate-334 { transform: rotate(334deg); }
.rotate-335 { transform: rotate(335deg); }
.rotate-336 { transform: rotate(336deg); }
.rotate-337 { transform: rotate(337deg); }
.rotate-338 { transform: rotate(338deg); }
.rotate-339 { transform: rotate(339deg); }
.rotate-340 { transform: rotate(340deg); }
.rotate-341 { transform: rotate(341deg); }
.rotate-342 { transform: rotate(342deg); }
.rotate-343 { transform: rotate(343deg); }
.rotate-344 { transform: rotate(344deg); }
.rotate-345 { transform: rotate(345deg); }
.rotate-346 { transform: rotate(346deg); }
.rotate-347 { transform: rotate(347deg); }
.rotate-348 { transform: rotate(348deg); }
.rotate-349 { transform: rotate(349deg); }
.rotate-350 { transform: rotate(350deg); }
.rotate-351 { transform: rotate(351deg); }
.rotate-352 { transform: rotate(352deg); }
.rotate-353 { transform: rotate(353deg); }
.rotate-354 { transform: rotate(354deg); }
.rotate-355 { transform: rotate(355deg); }
.rotate-356 { transform: rotate(356deg); }
.rotate-357 { transform: rotate(357deg); }
.rotate-358 { transform: rotate(358deg); }
.rotate-359 { transform: rotate(359deg); }
.rotate-360 { transform: rotate(360deg); }

/* =========================== DEV =========================== */

/* VISIBLE CLASES */
.v1 { border: 2px solid black; }
.v2 { border: 2px solid blue; }
.v3 { border: 2px solid green; }
.v4 { border: 2px solid red; }
.v5 { border: 2px solid yellow; }

/* =========================== GENERAL =========================== */

/* GENERAL BODY */
html, body {
    margin: 0;
}

/* CANVA CLASS */
.canva {
    margin: 0 auto;
    overflow: hidden;
    width: min(100%, 600px);
}
.canva > div {
    overflow: hidden;
    position: relative;
}

/* IMAGE COVER */
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

/* CENTER ITEMS */
.item-center {
    display: flex;
    justify-content: center;
    
}

/* =========================== POSITION =========================== */

/* LEFT */
.left-1 { left: 1%; }
.left-2 { left: 2%; }
.left-3 { left: 3%; }
.left-4 { left: 4%; }
.left-5 { left: 5%; }
.left-6 { left: 6%; }
.left-7 { left: 7%; }
.left-8 { left: 8%; }
.left-9 { left: 9%; }
.left-10 { left: 10%; }
.left-11 { left: 11%; }
.left-12 { left: 12%; }
.left-13 { left: 13%; }
.left-14 { left: 14%; }
.left-15 { left: 15%; }
.left-15-5 { left: 15.5%; }
.left-16 { left: 16%; }
.left-17 { left: 17%; }
.left-18 { left: 18%; }
.left-19 { left: 19%; }
.left-20 { left: 20%; }
.left-21 { left: 21%; }
.left-22 { left: 22%; }
.left-23 { left: 23%; }
.left-24 { left: 24%; }
.left-25 { left: 25%; }
.left-26 { left: 26%; }
.left-27 { left: 27%; }
.left-28 { left: 28%; }
.left-29 { left: 29%; }
.left-30 { left: 30%; }
.left-31 { left: 31%; }
.left-32 { left: 32%; }
.left-33 { left: 33%; }
.left-34 { left: 34%; }
.left-35 { left: 35%; }
.left-36 { left: 36%; }
.left-37 { left: 37%; }
.left-38 { left: 38%; }
.left-39 { left: 39%; }
.left-40 { left: 40%; }
.left-41 { left: 41%; }
.left-42 { left: 42%; }
.left-43 { left: 43%; }
.left-44 { left: 44%; }
.left-45 { left: 45%; }
.left-46 { left: 46%; }
.left-47 { left: 47%; }
.left-48 { left: 48%; }
.left-49 { left: 49%; }
.left-50 { left: 50%; }
.left-51 { left: 51%; }
.left-52 { left: 52%; }
.left-53 { left: 53%; }
.left-54 { left: 54%; }
.left-55 { left: 55%; }
.left-56 { left: 56%; }
.left-57 { left: 57%; }
.left-58 { left: 58%; }
.left-59 { left: 59%; }
.left-60 { left: 60%; }
.left-61 { left: 61%; }
.left-62 { left: 62%; }
.left-63 { left: 63%; }
.left-64 { left: 64%; }
.left-65 { left: 65%; }
.left-66 { left: 66%; }
.left-67 { left: 67%; }
.left-68 { left: 68%; }
.left-69 { left: 69%; }
.left-70 { left: 70%; }
.left-71 { left: 71%; }
.left-72 { left: 72%; }
.left-73 { left: 73%; }
.left-74 { left: 74%; }
.left-75 { left: 75%; }
.left-76 { left: 76%; }
.left-77 { left: 77%; }
.left-78 { left: 78%; }
.left-79 { left: 79%; }
.left-80 { left: 80%; }
.left-81 { left: 81%; }
.left-82 { left: 82%; }
.left-83 { left: 83%; }
.left-84 { left: 84%; }
.left-85 { left: 85%; }
.left-86 { left: 86%; }
.left-87 { left: 87%; }
.left-88 { left: 88%; }
.left-89 { left: 89%; }
.left-90 { left: 90%; }
.left-91 { left: 91%; }
.left-92 { left: 92%; }
.left-93 { left: 93%; }
.left-94 { left: 94%; }
.left-95 { left: 95%; }
.left-96 { left: 96%; }
.left-97 { left: 97%; }
.left-98 { left: 98%; }
.left-99 { left: 99%; }
.left-100 { left: 100%; }

/* RIGHT */
.right-1 { right: 1%; }
.right-2 { right: 2%; }
.right-3 { right: 3%; }
.right-4 { right: 4%; }
.right-5 { right: 5%; }
.right-6 { right: 6%; }
.right-7 { right: 7%; }
.right-8 { right: 8%; }
.right-9 { right: 9%; }
.right-10 { right: 10%; }
.right-11 { right: 11%; }
.right-12 { right: 12%; }
.right-13 { right: 13%; }
.right-14 { right: 14%; }
.right-15 { right: 15%; }
.right-16 { right: 16%; }
.right-17 { right: 17%; }
.right-18 { right: 18%; }
.right-19 { right: 19%; }
.right-20 { right: 20%; }
.right-21 { right: 21%; }
.right-22 { right: 22%; }
.right-23 { right: 23%; }
.right-24 { right: 24%; }
.right-25 { right: 25%; }
.right-26 { right: 26%; }
.right-27 { right: 27%; }
.right-28 { right: 28%; }
.right-29 { right: 29%; }
.right-30 { right: 30%; }
.right-31 { right: 31%; }
.right-32 { right: 32%; }
.right-33 { right: 33%; }
.right-34 { right: 34%; }
.right-35 { right: 35%; }
.right-36 { right: 36%; }
.right-37 { right: 37%; }
.right-38 { right: 38%; }
.right-39 { right: 39%; }
.right-40 { right: 40%; }
.right-41 { right: 41%; }
.right-42 { right: 42%; }
.right-43 { right: 43%; }
.right-44 { right: 44%; }
.right-45 { right: 45%; }
.right-46 { right: 46%; }
.right-47 { right: 47%; }
.right-48 { right: 48%; }
.right-49 { right: 49%; }
.right-50 { right: 50%; }
.right-51 { right: 51%; }
.right-52 { right: 52%; }
.right-53 { right: 53%; }
.right-54 { right: 54%; }
.right-55 { right: 55%; }
.right-56 { right: 56%; }
.right-57 { right: 57%; }
.right-58 { right: 58%; }
.right-59 { right: 59%; }
.right-60 { right: 60%; }
.right-61 { right: 61%; }
.right-62 { right: 62%; }
.right-63 { right: 63%; }
.right-64 { right: 64%; }
.right-65 { right: 65%; }
.right-66 { right: 66%; }
.right-67 { right: 67%; }
.right-68 { right: 68%; }
.right-69 { right: 69%; }
.right-70 { right: 70%; }
.right-71 { right: 71%; }
.right-72 { right: 72%; }
.right-73 { right: 73%; }
.right-74 { right: 74%; }
.right-75 { right: 75%; }
.right-76 { right: 76%; }
.right-77 { right: 77%; }
.right-78 { right: 78%; }
.right-79 { right: 79%; }
.right-80 { right: 80%; }
.right-81 { right: 81%; }
.right-82 { right: 82%; }
.right-83 { right: 83%; }
.right-84 { right: 84%; }
.right-85 { right: 85%; }
.right-86 { right: 86%; }
.right-87 { right: 87%; }
.right-88 { right: 88%; }
.right-89 { right: 89%; }
.right-90 { right: 90%; }
.right-91 { right: 91%; }
.right-92 { right: 92%; }
.right-93 { right: 93%; }
.right-94 { right: 94%; }
.right-95 { right: 95%; }
.right-96 { right: 96%; }
.right-97 { right: 97%; }
.right-98 { right: 98%; }
.right-99 { right: 99%; }
.right-100 { right: 100%; }

/* TOP */
.top-1 { top: 1%; }
.top-2 { top: 2%; }
.top-3 { top: 3%; }
.top-4 { top: 4%; }
.top-5 { top: 5%; }
.top-6 { top: 6%; }
.top-7 { top: 7%; }
.top-8 { top: 8%; }
.top-9 { top: 9%; }
.top-10 { top: 10%; }
.top-11 { top: 11%; }
.top-12 { top: 12%; }
.top-13 { top: 13%; }
.top-14 { top: 14%; }
.top-15 { top: 15%; }
.top-16 { top: 16%; }
.top-17 { top: 17%; }
.top-18 { top: 18%; }
.top-19 { top: 19%; }
.top-20 { top: 20%; }
.top-21 { top: 21%; }
.top-22 { top: 22%; }
.top-23 { top: 23%; }
.top-24 { top: 24%; }
.top-25 { top: 25%; }
.top-26 { top: 26%; }
.top-27 { top: 27%; }
.top-28 { top: 28%; }
.top-29 { top: 29%; }
.top-30 { top: 30%; }
.top-31 { top: 31%; }
.top-32 { top: 32%; }
.top-33 { top: 33%; }
.top-34 { top: 34%; }
.top-35 { top: 35%; }
.top-36 { top: 36%; }
.top-37 { top: 37%; }
.top-38 { top: 38%; }
.top-39 { top: 39%; }
.top-40 { top: 40%; }
.top-41 { top: 41%; }
.top-42 { top: 42%; }
.top-43 { top: 43%; }
.top-44 { top: 44%; }
.top-45 { top: 45%; }
.top-46 { top: 46%; }
.top-47 { top: 47%; }
.top-48 { top: 48%; }
.top-49 { top: 49%; }
.top-50 { top: 50%; }
.top-50-5 { top: 50.5%; }
.top-51 { top: 51%; }
.top-52 { top: 52%; }
.top-53 { top: 53%; }
.top-54 { top: 54%; }
.top-55 { top: 55%; }
.top-56 { top: 56%; }
.top-57 { top: 57%; }
.top-58 { top: 58%; }
.top-59 { top: 59%; }
.top-60 { top: 60%; }
.top-61 { top: 61%; }
.top-62 { top: 62%; }
.top-63 { top: 63%; }
.top-64 { top: 64%; }
.top-65 { top: 65%; }
.top-66 { top: 66%; }
.top-67 { top: 67%; }
.top-68 { top: 68%; }
.top-69 { top: 69%; }
.top-70 { top: 70%; }
.top-71 { top: 71%; }
.top-72 { top: 72%; }
.top-73 { top: 73%; }
.top-74 { top: 74%; }
.top-75 { top: 75%; }
.top-76 { top: 76%; }
.top-77 { top: 77%; }
.top-78 { top: 78%; }
.top-79 { top: 79%; }
.top-80 { top: 80%; }
.top-81 { top: 81%; }
.top-82 { top: 82%; }
.top-83 { top: 83%; }
.top-84 { top: 84%; }
.top-85 { top: 85%; }
.top-86 { top: 86%; }
.top-87 { top: 87%; }
.top-88 { top: 88%; }
.top-89 { top: 89%; }
.top-90 { top: 90%; }
.top-91 { top: 91%; }
.top-92 { top: 92%; }
.top-93 { top: 93%; }
.top-94 { top: 94%; }
.top-95 { top: 95%; }
.top-96 { top: 96%; }
.top-97 { top: 97%; }
.top-98 { top: 98%; }
.top-99 { top: 99%; }
.top-100 { top: 100%; }

/* BOTTOM */
.bottom-1 { bottom: 1%; }
.bottom-2 { bottom: 2%; }
.bottom-3 { bottom: 3%; }
.bottom-4 { bottom: 4%; }
.bottom-5 { bottom: 5%; }
.bottom-6 { bottom: 6%; }
.bottom-7 { bottom: 7%; }
.bottom-8 { bottom: 8%; }
.bottom-9 { bottom: 9%; }
.bottom-10 { bottom: 10%; }
.bottom-11 { bottom: 11%; }
.bottom-12 { bottom: 12%; }
.bottom-13 { bottom: 13%; }
.bottom-14 { bottom: 14%; }
.bottom-15 { bottom: 15%; }
.bottom-16 { bottom: 16%; }
.bottom-17 { bottom: 17%; }
.bottom-18 { bottom: 18%; }
.bottom-19 { bottom: 19%; }
.bottom-20 { bottom: 20%; }
.bottom-21 { bottom: 21%; }
.bottom-22 { bottom: 22%; }
.bottom-23 { bottom: 23%; }
.bottom-24 { bottom: 24%; }
.bottom-25 { bottom: 25%; }
.bottom-26 { bottom: 26%; }
.bottom-27 { bottom: 27%; }
.bottom-28 { bottom: 28%; }
.bottom-29 { bottom: 29%; }
.bottom-30 { bottom: 30%; }
.bottom-31 { bottom: 31%; }
.bottom-32 { bottom: 32%; }
.bottom-33 { bottom: 33%; }
.bottom-34 { bottom: 34%; }
.bottom-35 { bottom: 35%; }
.bottom-36 { bottom: 36%; }
.bottom-37 { bottom: 37%; }
.bottom-38 { bottom: 38%; }
.bottom-39 { bottom: 39%; }
.bottom-40 { bottom: 40%; }
.bottom-41 { bottom: 41%; }
.bottom-42 { bottom: 42%; }
.bottom-43 { bottom: 43%; }
.bottom-44 { bottom: 44%; }
.bottom-45 { bottom: 45%; }
.bottom-46 { bottom: 46%; }
.bottom-47 { bottom: 47%; }
.bottom-48 { bottom: 48%; }
.bottom-49 { bottom: 49%; }
.bottom-50 { bottom: 50%; }
.bottom-51 { bottom: 51%; }
.bottom-52 { bottom: 52%; }
.bottom-53 { bottom: 53%; }
.bottom-54 { bottom: 54%; }
.bottom-55 { bottom: 55%; }
.bottom-56 { bottom: 56%; }
.bottom-57 { bottom: 57%; }
.bottom-58 { bottom: 58%; }
.bottom-59 { bottom: 59%; }
.bottom-60 { bottom: 60%; }
.bottom-61 { bottom: 61%; }
.bottom-62 { bottom: 62%; }
.bottom-63 { bottom: 63%; }
.bottom-64 { bottom: 64%; }
.bottom-65 { bottom: 65%; }
.bottom-66 { bottom: 66%; }
.bottom-67 { bottom: 67%; }
.bottom-68 { bottom: 68%; }
.bottom-69 { bottom: 69%; }
.bottom-70 { bottom: 70%; }
.bottom-71 { bottom: 71%; }
.bottom-72 { bottom: 72%; }
.bottom-73 { bottom: 73%; }
.bottom-74 { bottom: 74%; }
.bottom-75 { bottom: 75%; }
.bottom-76 { bottom: 76%; }
.bottom-77 { bottom: 77%; }
.bottom-78 { bottom: 78%; }
.bottom-79 { bottom: 79%; }
.bottom-80 { bottom: 80%; }
.bottom-81 { bottom: 81%; }
.bottom-82 { bottom: 82%; }
.bottom-83 { bottom: 83%; }
.bottom-84 { bottom: 84%; }
.bottom-85 { bottom: 85%; }
.bottom-86 { bottom: 86%; }
.bottom-87 { bottom: 87%; }
.bottom-88 { bottom: 88%; }
.bottom-89 { bottom: 89%; }
.bottom-90 { bottom: 90%; }
.bottom-91 { bottom: 91%; }
.bottom-92 { bottom: 92%; }
.bottom-93 { bottom: 93%; }
.bottom-94 { bottom: 94%; }
.bottom-95 { bottom: 95%; }
.bottom-96 { bottom: 96%; }
.bottom-97 { bottom: 97%; }
.bottom-98 { bottom: 98%; }
.bottom-99 { bottom: 99%; }
.bottom-100 { bottom: 100%; }

/* LEFT NEGATIVE */
.left--1 { left: -1%; }
.left--2 { left: -2%; }
.left--3 { left: -3%; }
.left--4 { left: -4%; }
.left--5 { left: -5%; }
.left--6 { left: -6%; }
.left--7 { left: -7%; }
.left--8 { left: -8%; }
.left--9 { left: -9%; }
.left--10 { left: -10%; }
.left--11 { left: -11%; }
.left--12 { left: -12%; }
.left--13 { left: -13%; }
.left--14 { left: -14%; }
.left--15 { left: -15%; }
.left--16 { left: -16%; }
.left--17 { left: -17%; }
.left--18 { left: -18%; }
.left--19 { left: -19%; }
.left--20 { left: -20%; }
.left--21 { left: -21%; }
.left--22 { left: -22%; }
.left--23 { left: -23%; }
.left--24 { left: -24%; }
.left--25 { left: -25%; }
.left--26 { left: -26%; }
.left--27 { left: -27%; }
.left--28 { left: -28%; }
.left--29 { left: -29%; }
.left--30 { left: -30%; }
.left--31 { left: -31%; }
.left--32 { left: -32%; }
.left--33 { left: -33%; }
.left--34 { left: -34%; }
.left--35 { left: -35%; }
.left--36 { left: -36%; }
.left--37 { left: -37%; }
.left--38 { left: -38%; }
.left--39 { left: -39%; }
.left--40 { left: -40%; }
.left--41 { left: -41%; }
.left--42 { left: -42%; }
.left--43 { left: -43%; }
.left--44 { left: -44%; }
.left--45 { left: -45%; }
.left--46 { left: -46%; }
.left--47 { left: -47%; }
.left--48 { left: -48%; }
.left--49 { left: -49%; }
.left--50 { left: -50%; }
.left--51 { left: -51%; }
.left--52 { left: -52%; }
.left--53 { left: -53%; }
.left--54 { left: -54%; }
.left--55 { left: -55%; }
.left--56 { left: -56%; }
.left--57 { left: -57%; }
.left--58 { left: -58%; }
.left--59 { left: -59%; }
.left--60 { left: -60%; }
.left--61 { left: -61%; }
.left--62 { left: -62%; }
.left--63 { left: -63%; }
.left--64 { left: -64%; }
.left--65 { left: -65%; }
.left--66 { left: -66%; }
.left--67 { left: -67%; }
.left--68 { left: -68%; }
.left--69 { left: -69%; }
.left--70 { left: -70%; }
.left--71 { left: -71%; }
.left--72 { left: -72%; }
.left--73 { left: -73%; }
.left--74 { left: -74%; }
.left--75 { left: -75%; }
.left--76 { left: -76%; }
.left--77 { left: -77%; }
.left--78 { left: -78%; }
.left--79 { left: -79%; }
.left--80 { left: -80%; }
.left--81 { left: -81%; }
.left--82 { left: -82%; }
.left--83 { left: -83%; }
.left--84 { left: -84%; }
.left--85 { left: -85%; }
.left--86 { left: -86%; }
.left--87 { left: -87%; }
.left--88 { left: -88%; }
.left--89 { left: -89%; }
.left--90 { left: -90%; }
.left--91 { left: -91%; }
.left--92 { left: -92%; }
.left--93 { left: -93%; }
.left--94 { left: -94%; }
.left--95 { left: -95%; }
.left--96 { left: -96%; }
.left--97 { left: -97%; }
.left--98 { left: -98%; }
.left--99 { left: -99%; }
.left--100 { left: -100%; }

/* RIGHT NEGATIVE */
.right--1 { right: -1%; }
.right--2 { right: -2%; }
.right--3 { right: -3%; }
.right--4 { right: -4%; }
.right--5 { right: -5%; }
.right--6 { right: -6%; }
.right--7 { right: -7%; }
.right--8 { right: -8%; }
.right--9 { right: -9%; }
.right--10 { right: -10%; }
.right--11 { right: -11%; }
.right--12 { right: -12%; }
.right--13 { right: -13%; }
.right--14 { right: -14%; }
.right--15 { right: -15%; }
.right--16 { right: -16%; }
.right--17 { right: -17%; }
.right--18 { right: -18%; }
.right--19 { right: -19%; }
.right--20 { right: -20%; }
.right--21 { right: -21%; }
.right--22 { right: -22%; }
.right--23 { right: -23%; }
.right--24 { right: -24%; }
.right--25 { right: -25%; }
.right--26 { right: -26%; }
.right--27 { right: -27%; }
.right--28 { right: -28%; }
.right--29 { right: -29%; }
.right--30 { right: -30%; }
.right--31 { right: -31%; }
.right--32 { right: -32%; }
.right--33 { right: -33%; }
.right--34 { right: -34%; }
.right--35 { right: -35%; }
.right--36 { right: -36%; }
.right--37 { right: -37%; }
.right--38 { right: -38%; }
.right--39 { right: -39%; }
.right--40 { right: -40%; }
.right--41 { right: -41%; }
.right--42 { right: -42%; }
.right--43 { right: -43%; }
.right--44 { right: -44%; }
.right--45 { right: -45%; }
.right--46 { right: -46%; }
.right--47 { right: -47%; }
.right--48 { right: -48%; }
.right--49 { right: -49%; }
.right--50 { right: -50%; }
.right--51 { right: -51%; }
.right--52 { right: -52%; }
.right--53 { right: -53%; }
.right--54 { right: -54%; }
.right--55 { right: -55%; }
.right--56 { right: -56%; }
.right--57 { right: -57%; }
.right--58 { right: -58%; }
.right--59 { right: -59%; }
.right--60 { right: -60%; }
.right--61 { right: -61%; }
.right--62 { right: -62%; }
.right--63 { right: -63%; }
.right--64 { right: -64%; }
.right--65 { right: -65%; }
.right--66 { right: -66%; }
.right--67 { right: -67%; }
.right--68 { right: -68%; }
.right--69 { right: -69%; }
.right--70 { right: -70%; }
.right--71 { right: -71%; }
.right--72 { right: -72%; }
.right--73 { right: -73%; }
.right--74 { right: -74%; }
.right--75 { right: -75%; }
.right--76 { right: -76%; }
.right--77 { right: -77%; }
.right--78 { right: -78%; }
.right--79 { right: -79%; }
.right--80 { right: -80%; }
.right--81 { right: -81%; }
.right--82 { right: -82%; }
.right--83 { right: -83%; }
.right--84 { right: -84%; }
.right--85 { right: -85%; }
.right--86 { right: -86%; }
.right--87 { right: -87%; }
.right--88 { right: -88%; }
.right--89 { right: -89%; }
.right--90 { right: -90%; }
.right--91 { right: -91%; }
.right--92 { right: -92%; }
.right--93 { right: -93%; }
.right--94 { right: -94%; }
.right--95 { right: -95%; }
.right--96 { right: -96%; }
.right--97 { right: -97%; }
.right--98 { right: -98%; }
.right--99 { right: -99%; }
.right--100 { right: -100%; }

/* TOP NEGATIVE */
.top--1 { top: -1%; }
.top--2 { top: -2%; }
.top--3 { top: -3%; }
.top--4 { top: -4%; }
.top--5 { top: -5%; }
.top--6 { top: -6%; }
.top--7 { top: -7%; }
.top--8 { top: -8%; }
.top--9 { top: -9%; }
.top--10 { top: -10%; }
.top--11 { top: -11%; }
.top--12 { top: -12%; }
.top--13 { top: -13%; }
.top--14 { top: -14%; }
.top--15 { top: -15%; }
.top--16 { top: -16%; }
.top--17 { top: -17%; }
.top--18 { top: -18%; }
.top--19 { top: -19%; }
.top--20 { top: -20%; }
.top--21 { top: -21%; }
.top--22 { top: -22%; }
.top--23 { top: -23%; }
.top--24 { top: -24%; }
.top--25 { top: -25%; }
.top--26 { top: -26%; }
.top--27 { top: -27%; }
.top--28 { top: -28%; }
.top--29 { top: -29%; }
.top--30 { top: -30%; }
.top--31 { top: -31%; }
.top--32 { top: -32%; }
.top--33 { top: -33%; }
.top--34 { top: -34%; }
.top--35 { top: -35%; }
.top--36 { top: -36%; }
.top--37 { top: -37%; }
.top--38 { top: -38%; }
.top--39 { top: -39%; }
.top--40 { top: -40%; }
.top--41 { top: -41%; }
.top--42 { top: -42%; }
.top--43 { top: -43%; }
.top--44 { top: -44%; }
.top--45 { top: -45%; }
.top--46 { top: -46%; }
.top--47 { top: -47%; }
.top--48 { top: -48%; }
.top--49 { top: -49%; }
.top--50 { top: -50%; }
.top--51 { top: -51%; }
.top--52 { top: -52%; }
.top--53 { top: -53%; }
.top--54 { top: -54%; }
.top--55 { top: -55%; }
.top--56 { top: -56%; }
.top--57 { top: -57%; }
.top--58 { top: -58%; }
.top--59 { top: -59%; }
.top--60 { top: -60%; }
.top--61 { top: -61%; }
.top--62 { top: -62%; }
.top--63 { top: -63%; }
.top--64 { top: -64%; }
.top--65 { top: -65%; }
.top--66 { top: -66%; }
.top--67 { top: -67%; }
.top--68 { top: -68%; }
.top--69 { top: -69%; }
.top--70 { top: -70%; }
.top--71 { top: -71%; }
.top--72 { top: -72%; }
.top--73 { top: -73%; }
.top--74 { top: -74%; }
.top--75 { top: -75%; }
.top--76 { top: -76%; }
.top--77 { top: -77%; }
.top--78 { top: -78%; }
.top--79 { top: -79%; }
.top--80 { top: -80%; }
.top--81 { top: -81%; }
.top--82 { top: -82%; }
.top--83 { top: -83%; }
.top--84 { top: -84%; }
.top--85 { top: -85%; }
.top--86 { top: -86%; }
.top--87 { top: -87%; }
.top--88 { top: -88%; }
.top--89 { top: -89%; }
.top--90 { top: -90%; }
.top--91 { top: -91%; }
.top--92 { top: -92%; }
.top--93 { top: -93%; }
.top--94 { top: -94%; }
.top--95 { top: -95%; }
.top--96 { top: -96%; }
.top--97 { top: -97%; }
.top--98 { top: -98%; }
.top--99 { top: -99%; }
.top--100 { top: -100%; }

/* BOTTOM NEGATIVE */
.bottom--1 { bottom: -1%; }
.bottom--2 { bottom: -2%; }
.bottom--3 { bottom: -3%; }
.bottom--4 { bottom: -4%; }
.bottom--5 { bottom: -5%; }
.bottom--6 { bottom: -6%; }
.bottom--7 { bottom: -7%; }
.bottom--8 { bottom: -8%; }
.bottom--9 { bottom: -9%; }
.bottom--10 { bottom: -10%; }
.bottom--11 { bottom: -11%; }
.bottom--12 { bottom: -12%; }
.bottom--13 { bottom: -13%; }
.bottom--14 { bottom: -14%; }
.bottom--15 { bottom: -15%; }
.bottom--16 { bottom: -16%; }
.bottom--17 { bottom: -17%; }
.bottom--18 { bottom: -18%; }
.bottom--19 { bottom: -19%; }
.bottom--20 { bottom: -20%; }
.bottom--21 { bottom: -21%; }
.bottom--22 { bottom: -22%; }
.bottom--23 { bottom: -23%; }
.bottom--24 { bottom: -24%; }
.bottom--25 { bottom: -25%; }
.bottom--26 { bottom: -26%; }
.bottom--27 { bottom: -27%; }
.bottom--28 { bottom: -28%; }
.bottom--29 { bottom: -29%; }
.bottom--30 { bottom: -30%; }
.bottom--31 { bottom: -31%; }
.bottom--32 { bottom: -32%; }
.bottom--33 { bottom: -33%; }
.bottom--34 { bottom: -34%; }
.bottom--35 { bottom: -35%; }
.bottom--36 { bottom: -36%; }
.bottom--37 { bottom: -37%; }
.bottom--38 { bottom: -38%; }
.bottom--39 { bottom: -39%; }
.bottom--40 { bottom: -40%; }
.bottom--41 { bottom: -41%; }
.bottom--42 { bottom: -42%; }
.bottom--43 { bottom: -43%; }
.bottom--44 { bottom: -44%; }
.bottom--45 { bottom: -45%; }
.bottom--46 { bottom: -46%; }
.bottom--47 { bottom: -47%; }
.bottom--48 { bottom: -48%; }
.bottom--49 { bottom: -49%; }
.bottom--50 { bottom: -50%; }
.bottom--51 { bottom: -51%; }
.bottom--52 { bottom: -52%; }
.bottom--53 { bottom: -53%; }
.bottom--54 { bottom: -54%; }
.bottom--55 { bottom: -55%; }
.bottom--56 { bottom: -56%; }
.bottom--57 { bottom: -57%; }
.bottom--58 { bottom: -58%; }
.bottom--59 { bottom: -59%; }
.bottom--60 { bottom: -60%; }
.bottom--61 { bottom: -61%; }
.bottom--62 { bottom: -62%; }
.bottom--63 { bottom: -63%; }
.bottom--64 { bottom: -64%; }
.bottom--65 { bottom: -65%; }
.bottom--66 { bottom: -66%; }
.bottom--67 { bottom: -67%; }
.bottom--68 { bottom: -68%; }
.bottom--69 { bottom: -69%; }
.bottom--70 { bottom: -70%; }
.bottom--71 { bottom: -71%; }
.bottom--72 { bottom: -72%; }
.bottom--73 { bottom: -73%; }
.bottom--74 { bottom: -74%; }
.bottom--75 { bottom: -75%; }
.bottom--76 { bottom: -76%; }
.bottom--77 { bottom: -77%; }
.bottom--78 { bottom: -78%; }
.bottom--79 { bottom: -79%; }
.bottom--80 { bottom: -80%; }
.bottom--81 { bottom: -81%; }
.bottom--82 { bottom: -82%; }
.bottom--83 { bottom: -83%; }
.bottom--84 { bottom: -84%; }
.bottom--85 { bottom: -85%; }
.bottom--86 { bottom: -86%; }
.bottom--87 { bottom: -87%; }
.bottom--88 { bottom: -88%; }
.bottom--89 { bottom: -89%; }
.bottom--90 { bottom: -90%; }
.bottom--91 { bottom: -91%; }
.bottom--92 { bottom: -92%; }
.bottom--93 { bottom: -93%; }
.bottom--94 { bottom: -94%; }
.bottom--95 { bottom: -95%; }
.bottom--96 { bottom: -96%; }
.bottom--97 { bottom: -97%; }
.bottom--98 { bottom: -98%; }
.bottom--99 { bottom: -99%; }
.bottom--100 { bottom: -100%; }

/* =========================== SECTION =========================== */

/* SECTION-HEIGHT */
.section-1 { height: min(10vw, 60px); }
.section-2 { height: min(20vw, 120px); }
.section-3 { height: min(30vw, 180px); }
.section-4 { height: min(40vw, 240px); }
.section-5 { height: min(50vw, 300px); }
.section-6 { height: min(60vw, 360px); }
.section-7 { height: min(70vw, 420px); }
.section-8 { height: min(80vw, 480px); }
.section-9 { height: min(90vw, 540px); }
.section-10 { height: min(100vw, 600px); }
.section-11 { height: min(110vw, 660px); }
.section-12 { height: min(120vw, 720px); }
.section-13 { height: min(130vw, 780px); }
.section-14 { height: min(140vw, 840px); }
.section-15 { height: min(150vw, 900px); }
.section-16 { height: min(160vw, 960px); }
.section-17 { height: min(170vw, 1020px); }
.section-18 { height: min(180vw, 1080px); }
.section-19 { height: min(190vw, 1140px); }
.section-20 { height: min(200vw, 1200px); }
.section-21 { height: min(210vw, 1260px); }
.section-22 { height: min(220vw, 1320px); }
.section-23 { height: min(230vw, 1380px); }
.section-24 { height: min(240vw, 1440px); }
.section-25 { height: min(250vw, 1500px); }

/* =========================== TEXT =========================== */

/* 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-31 { font-size: min(15.5vw, 93px); }
.size-32 { font-size: min(16vw, 96px); }
.size-33 { font-size: min(16.5vw, 99px); }
.size-34 { font-size: min(17vw, 102px); }
.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); }


/* =========================== WRAP =========================== */

.wrap-v {
    position: absolute;
    display: flex;
    flex-direction: column;
}
.wrap-h {
    position: absolute;
    display: flex;
    justify-content: center;
}
.wrap-v > .wrap-h {
    position: relative;
}
.wrap-h > p {
    position: relative;
}
.wrap-h > a {
    position: relative;
}
.wrap-h > img {
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
}
.wrap-v > p {
    position: relative;
}
.wrap-v > img {
    position: relative;
}
.wrap-v > a {
    position: relative;
}
.wrap-full { width: 100%; }
.wrap-left { justify-content: left; }
.wrap-right { justify-content: right; }

.item-align {
    margin-top: auto;
    margin-bottom: auto;
}
.center-h {
    margin-left: auto;
    margin-right: auto;
}
.center-v {
    margin-top: auto;
    margin-bottom: auto;
}

.gap-1 { gap: min(0.5vw, 3px); }
.gap-2 { gap: min(1vw, 6px); }
.gap-3 { gap: min(1.5vw, 9px); }
.gap-4 { gap: min(2vw, 12px); }
.gap-5 { gap: min(2.5vw, 15px); }
.gap-6 { gap: min(3vw, 18px); }
.gap-7 { gap: min(3.5vw, 21px); }
.gap-8 { gap: min(4vw, 24px); }
.gap-9 { gap: min(4.5vw, 27px); }
.gap-10 { gap: min(5vw, 30px); }
.gap-11 { gap: min(5.5vw, 33px); }
.gap-12 { gap: min(6vw, 36px); }
.gap-13 { gap: min(6.5vw, 39px); }
.gap-14 { gap: min(7vw, 42px); }
.gap-15 { gap: min(7.5vw, 45px); }
.gap-16 { gap: min(8vw, 48px); }
.gap-17 { gap: min(8.5vw, 51px); }
.gap-18 { gap: min(9vw, 54px); }
.gap-19 { gap: min(9.5vw, 57px); }
.gap-20 { gap: min(10vw, 60px); }
.gap-21 { gap: min(10.5vw, 63px); }
.gap-22 { gap: min(11vw, 66px); }
.gap-23 { gap: min(11.5vw, 69px); }
.gap-24 { gap: min(12vw, 72px); }
.gap-25 { gap: min(12.5vw, 75px); }
.gap-26 { gap: min(13vw, 78px); }
.gap-27 { gap: min(13.5vw, 81px); }
.gap-28 { gap: min(14vw, 84px); }
.gap-29 { gap: min(14.5vw, 87px); }
.gap-30 { gap: min(15vw, 90px); }
.gap-31 { gap: min(15.5vw, 93px); }
.gap-32 { gap: min(16vw, 96px); }
.gap-33 { gap: min(16.5vw, 99px); }
.gap-34 { gap: min(17vw, 102px); }
.gap-35 { gap: min(17.5vw, 105px); }
.gap-36 { gap: min(18vw, 108px); }
.gap-37 { gap: min(18.5vw, 111px); }
.gap-38 { gap: min(19vw, 114px); }
.gap-39 { gap: min(19.5vw, 117px); }
.gap-40 { gap: min(20vw, 120px); }


/* =========================== FRAMEWORK =========================== */

body::before {
    content: '';
    position: fixed;
    top: 0;
    align-content: center;
    background-image: url("../../assets/fondos/fondo.png");
    height: 100vh;
    /* width: 100vw; */
    left: calc(50vw - 300px);
    width: min(100vw, 600px);
    z-index: -1;
}

@media only screen and (max-width: 600px) {
    body::before {
        left: 0;
    }
  }

.opacity-0{opacity: 0%;}
.opacity-1{opacity: 1%;}
.opacity-2{opacity: 2%;}
.opacity-3{opacity: 3%;}
.opacity-4{opacity: 4%;}
.opacity-5{opacity: 5%;}
.opacity-6{opacity: 6%;}
.opacity-7{opacity: 7%;}
.opacity-8{opacity: 8%;}
.opacity-9{opacity: 9%;}
.opacity-10{opacity: 10%;}
.opacity-11{opacity: 11%;}
.opacity-12{opacity: 12%;}
.opacity-13{opacity: 13%;}
.opacity-14{opacity: 14%;}
.opacity-15{opacity: 15%;}
.opacity-16{opacity: 16%;}
.opacity-17{opacity: 17%;}
.opacity-18{opacity: 18%;}
.opacity-19{opacity: 19%;}
.opacity-20{opacity: 20%;}
.opacity-21{opacity: 21%;}
.opacity-22{opacity: 22%;}
.opacity-23{opacity: 23%;}
.opacity-24{opacity: 24%;}
.opacity-25{opacity: 25%;}
.opacity-26{opacity: 26%;}
.opacity-27{opacity: 27%;}
.opacity-28{opacity: 28%;}
.opacity-29{opacity: 29%;}
.opacity-30{opacity: 30%;}
.opacity-31{opacity: 31%;}
.opacity-32{opacity: 32%;}
.opacity-33{opacity: 33%;}
.opacity-34{opacity: 34%;}
.opacity-35{opacity: 35%;}
.opacity-36{opacity: 36%;}
.opacity-37{opacity: 37%;}
.opacity-38{opacity: 38%;}
.opacity-39{opacity: 39%;}
.opacity-40{opacity: 40%;}
.opacity-41{opacity: 41%;}
.opacity-42{opacity: 42%;}
.opacity-43{opacity: 43%;}
.opacity-44{opacity: 44%;}
.opacity-45{opacity: 45%;}
.opacity-46{opacity: 46%;}
.opacity-47{opacity: 47%;}
.opacity-48{opacity: 48%;}
.opacity-49{opacity: 49%;}
.opacity-50{opacity: 50%;}
.opacity-51{opacity: 51%;}
.opacity-52{opacity: 52%;}
.opacity-53{opacity: 53%;}
.opacity-54{opacity: 54%;}
.opacity-55{opacity: 55%;}
.opacity-56{opacity: 56%;}
.opacity-57{opacity: 57%;}
.opacity-58{opacity: 58%;}
.opacity-59{opacity: 59%;}
.opacity-60{opacity: 60%;}
.opacity-61{opacity: 61%;}
.opacity-62{opacity: 62%;}
.opacity-63{opacity: 63%;}
.opacity-64{opacity: 64%;}
.opacity-65{opacity: 65%;}
.opacity-66{opacity: 66%;}
.opacity-67{opacity: 67%;}
.opacity-68{opacity: 68%;}
.opacity-69{opacity: 69%;}
.opacity-70{opacity: 70%;}
.opacity-71{opacity: 71%;}
.opacity-72{opacity: 72%;}
.opacity-73{opacity: 73%;}
.opacity-74{opacity: 74%;}
.opacity-75{opacity: 75%;}
.opacity-76{opacity: 76%;}
.opacity-77{opacity: 77%;}
.opacity-78{opacity: 78%;}
.opacity-79{opacity: 79%;}
.opacity-80{opacity: 80%;}
.opacity-81{opacity: 81%;}
.opacity-82{opacity: 82%;}
.opacity-83{opacity: 83%;}
.opacity-84{opacity: 84%;}
.opacity-85{opacity: 85%;}
.opacity-86{opacity: 86%;}
.opacity-87{opacity: 87%;}
.opacity-88{opacity: 88%;}
.opacity-89{opacity: 89%;}
.opacity-90{opacity: 90%;}
.opacity-91{opacity: 91%;}
.opacity-92{opacity: 92%;}
.opacity-93{opacity: 93%;}
.opacity-94{opacity: 94%;}
.opacity-95{opacity: 95%;}
.opacity-96{opacity: 96%;}
.opacity-97{opacity: 97%;}
.opacity-98{opacity: 98%;}
.opacity-99{opacity: 99%;}
.opacity-100{opacity: 100%;}

.text-shadow-x0-y1-b1-black {text-shadow: min(0vw, 0px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x1-y1-b1-black {text-shadow: min(0.16vw, 1px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x2-y1-b1-black {text-shadow: min(0.32vw, 2px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x3-y1-b1-black {text-shadow: min(0.48vw, 3px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x4-y1-b1-black {text-shadow: min(0.64vw, 4px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x5-y1-b1-black {text-shadow: min(0.8vw, 5px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x6-y1-b1-black {text-shadow: min(0.96vw, 6px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x7-y1-b1-black {text-shadow: min(1.12vw, 7px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x8-y1-b1-black {text-shadow: min(1.28vw, 8px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x9-y1-b1-black {text-shadow: min(1.44vw, 9px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x10-y1-b1-black {text-shadow: min(1.6vw, 10px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x11-y1-b1-black {text-shadow: min(1.76vw, 11px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x12-y1-b1-black {text-shadow: min(1.92vw, 12px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x13-y1-b1-black {text-shadow: min(2.08vw, 13px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x14-y1-b1-black {text-shadow: min(2.24vw, 14px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x15-y1-b1-black {text-shadow: min(2.4vw, 15px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x16-y1-b1-black {text-shadow: min(2.56vw, 16px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x17-y1-b1-black {text-shadow: min(2.72vw, 17px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x18-y1-b1-black {text-shadow: min(2.88vw, 18px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x19-y1-b1-black {text-shadow: min(3.04vw, 19px) min(0.16vw, 1px) 1px #000;}
.text-shadow-x20-y1-b1-black {text-shadow: min(3.2vw, 20px) min(0.16vw, 1px) 1px #000;}

.text-shadow-x4-y4-b10-black {text-shadow: 0 0 20px #000, 0 0 10px #000;}
.bg-color-white-5 { background-color: #FFF5; }
.sec-style-1 {
    background-image: url("../../assets/fondos/fondo.png");
    background-attachment: fixed;
    background-position-x: center;
    /* background-size: 1000px; */
    /* background-repeat: no-repeat; */
}
.bg-img-1 {
    background-image: url("../../assets/fondos/fondo.png");
    /* background-attachment: fixed;
    background-position-x: center; */
    /* background-size: 1000px; */
    /* background-repeat: no-repeat; */
}

/* =========================== MUSIC =========================== */

.play-button {
    border-radius: 50%;
    background-color: rgb(201, 168, 168 / 10%);
    text-align: center;
    justify-content: center;
    border: 1px solid black;
    box-shadow: 3px 3px 7px 1px;
    width: min(10vw, 60px);
    height: min(10vw, 60px);
    position: fixed !important;
    top: 70%;
    margin-left: min(85vw, 510px);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../../assets/button_icon/play.png');
    background-size: 55%;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 60%;
    transition: .3s ease;
}

.play-button:hover {
    cursor: pointer;
}

.playing {
    background-image: url('../../assets/button_icon/pause.png');
    background-position-x: 50%;
    background-size: 65%;
    cursor: pointer;
}

/* =========================== BUTTONS =========================== */
/* =========================== BUTTONS =========================== */
/* =========================== BUTTONS =========================== */
/* =========================== BUTTONS =========================== */
/* =========================== BUTTONS =========================== */
/* =========================== BUTTONS =========================== */