diff --git a/styles/variables.scss b/styles/variables.scss
index 4bb5a75c..a373b511 100644
--- a/styles/variables.scss
+++ b/styles/variables.scss
@@ -14,6 +14,7 @@ $tablet: 768px;
 $phone: 375px;
 
 $grid-width: 720px;
+$rep-height: 111px;
 
 // Legacy
 $medium-screen: 768px;
@@ -23,6 +24,7 @@ $unit: 8px;
 
 $unit-fourth: calc($unit / 4);
 $unit-half: calc($unit / 2);
+$unit-three-fourth: calc($unit / 4) * 3;
 $unit-2x: $unit * 2;
 $unit-3x: $unit * 3;
 $unit-4x: $unit * 4;
@@ -97,7 +99,7 @@ $wind-text-00: #023e28;
 $wind-text-10: #006a43;
 $wind-text-20: #1dc688;
 $wind-bg-00: #4cffbf55;
-$wind-bg-10: #4cffbf;
+$wind-bg-10: #00b551;
 $wind-bg-20: #cdffed;
 
 $fire-text-00: #3f0202;
@@ -125,7 +127,7 @@ $light-text-00: #433d02;
 $light-text-10: #716500;
 $light-text-20: #c5b20c;
 $light-bg-00: #ffed4c55;
-$light-bg-10: #ffed4c;
+$light-bg-10: #d9c50f;
 $light-bg-20: #fffacd;
 
 $dark-text-00: #260134;
@@ -351,6 +353,7 @@ $hover-shadow: rgba(0, 0, 0, 0.08) 0px 0px 14px;
 $duration-modal-open: 0.48s;
 $duration-color-fade: 0.24s;
 $duration-zoom: 0.18s;
+$duration-opacity-fade: 0.12s;
 
 // Gradients
 $hero--gradient--light: linear-gradient(