v.14.1-beta/website redesign

website/styles/variables.css

@@ -1,33 +1,32 @@
 :root {
-  --primary: 251, 248, 239;
-  --primary-complement: 0, 0, 0;
-  --secondary: 125, 163, 41;
-  --secondary-complement: 154, 203, 52;
-  --tertiary: 2, 161, 159;
-  --tertiary-complement: 4, 221, 217;
+  --primary: white;
+  --primary-medium: #6f8d00;
+  --primary-light: #c0f300;
+  --cta: black;
+  --primary-text: black;
+  font-size: 10px;
 }
-
-section.landing .brand {
-  background-color: rgb(var(--primary));
+.supported-logo#netflix {
+  background: url('../media/Netflix.png');
 }
-section.intro .inner .supported div.netflix {
-  background-image: url('../media/Netflix.png');
+.supported-logo#hulu {
+  background: url('../media/Hulu.png');
 }
-section.intro .inner .supported div.hulu {
-  background-image: url('../media/Hulu.png');
+.supported-logo#disney {
+  background: url('../media/DisneyColor.png');
 }
-section.intro .inner .supported div.disney {
-  background-image: url('../media/DisneyColor.png');
+.supported-logo#prime {
+  background: url('../media/PrimeColor.png');
 }
-section.intro .inner .supported div.prime {
-  background-image: url('../media/PrimeColor.png');
+.supported-logo#youtube {
+  background: url('../media/YoutubeColor.png');
 }
-section.intro .inner .supported div.youtube {
-  background-image: url('../media/YoutubeColor.png');
+.supported-logo#hbonow {
+  background: url('../media/HBONowBlack.png');
 }
-section.intro .inner .supported div.hbonow {
-  background-image: url('../media/HBONowBlack.png');
+.supported-logo#hbomax {
+  background: url('../media/HBOMax.png');
 }
-section.intro .inner .supported div.hbomax {
-  background-image: url('../media/HBOMax.png');
+.feature-icon#phone {
+  background: url('../media/PhoneBlack.png');
 }