From f96e38a8bdf7f6eea8c9cc5a836852af7df23b71 Mon Sep 17 00:00:00 2001
From: SiddharthVarshney <siddharth.98varshney@gmail.com>
Date: Sat, 20 Jun 2020 16:38:24 +0530
Subject: [PATCH] css: Reorder css for `.portico-landing.hello .hero`.

---
 static/styles/portico/landing-page.scss | 118 ++++++++++++------------
 1 file changed, 59 insertions(+), 59 deletions(-)

diff --git a/static/styles/portico/landing-page.scss b/static/styles/portico/landing-page.scss
index 0d527f6d72..518a79e0ce 100644
--- a/static/styles/portico/landing-page.scss
+++ b/static/styles/portico/landing-page.scss
@@ -678,33 +678,6 @@ nav {
     overflow: hidden;
 }
 
-.portico-landing.hello .gradients .gradient {
-    position: absolute;
-    left: 0;
-    width: 100%;
-    height: 1100px;
-}
-
-.portico-landing.hello .gradients .gradient.dark-blue {
-    background: linear-gradient(10deg, hsla(196, 58%, 14%, 0) 50%, hsla(196, 58%, 14%, 0.7));
-}
-
-.portico-landing.hello .gradients .gradient.green {
-    background: linear-gradient(-25deg, hsla(156, 47%, 47%, 0) 40%, hsl(156, 47%, 47%));
-}
-
-.portico-landing.hello .gradients .gradient.blue {
-    background: linear-gradient(25deg, hsla(196, 38%, 51%, 0) 40%, hsl(196, 38%, 51%));
-}
-
-.portico-landing.hello .gradients .gradient.sunburst {
-    background: linear-gradient(5deg, hsla(49, 71%, 68%, 0) 20%, hsl(49, 71%, 68%));
-}
-
-.portico-landing.hello .gradients .gradient.white-fade {
-    background: linear-gradient(0deg, hsl(0, 0%, 98%) 0%, hsla(0, 0%, 98%, 0) 40%);
-}
-
 .portico-landing.hello .hero .waves {
     position: absolute;
 
@@ -752,34 +725,6 @@ nav {
     animation-duration: 21s;
 }
 
-@keyframes waves {
-    0% {
-        transform: rotate(0);
-    }
-
-    50% {
-        transform: rotate(180deg);
-    }
-
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes wavesBackward {
-    0% {
-        transform: rotate(0);
-    }
-
-    50% {
-        transform: rotate(-180deg);
-    }
-
-    100% {
-        transform: rotate(-360deg);
-    }
-}
-
 .portico-landing.hello .hero .content {
     position: relative;
     z-index: 1;
@@ -855,6 +800,61 @@ nav {
     font-weight: normal;
 }
 
+.portico-landing.hello .gradients .gradient {
+    position: absolute;
+    left: 0;
+    width: 100%;
+    height: 1100px;
+}
+
+.portico-landing.hello .gradients .gradient.dark-blue {
+    background: linear-gradient(10deg, hsla(196, 58%, 14%, 0) 50%, hsla(196, 58%, 14%, 0.7));
+}
+
+.portico-landing.hello .gradients .gradient.green {
+    background: linear-gradient(-25deg, hsla(156, 47%, 47%, 0) 40%, hsl(156, 47%, 47%));
+}
+
+.portico-landing.hello .gradients .gradient.blue {
+    background: linear-gradient(25deg, hsla(196, 38%, 51%, 0) 40%, hsl(196, 38%, 51%));
+}
+
+.portico-landing.hello .gradients .gradient.sunburst {
+    background: linear-gradient(5deg, hsla(49, 71%, 68%, 0) 20%, hsl(49, 71%, 68%));
+}
+
+.portico-landing.hello .gradients .gradient.white-fade {
+    background: linear-gradient(0deg, hsl(0, 0%, 98%) 0%, hsla(0, 0%, 98%, 0) 40%);
+}
+
+@keyframes waves {
+    0% {
+        transform: rotate(0);
+    }
+
+    50% {
+        transform: rotate(180deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes wavesBackward {
+    0% {
+        transform: rotate(0);
+    }
+
+    50% {
+        transform: rotate(-180deg);
+    }
+
+    100% {
+        transform: rotate(-360deg);
+    }
+}
+
 .portico-landing.hello .col-3-5,
 .portico-landing.hello .col-2,
 .portico-landing.hello .col-4 {
@@ -3397,10 +3397,6 @@ nav {
         width: auto;
     }
 
-    .portico-landing.hello .screen.hero-screen {
-        display: none;
-    }
-
     .portico-landing.hello .hero {
         padding-bottom: 100px;
     }
@@ -3409,6 +3405,10 @@ nav {
         height: 450px;
     }
 
+    .portico-landing.hello .screen.hero-screen {
+        display: none;
+    }
+
     nav {
         ul {
             margin-top: 0px;