Remove moving background colors

I'm afraid it's too heavy.
Plus changing colors back in navbar from white to visible again

Author: emcoding

app/assets/stylesheets/home.scss

@@ -3,32 +3,12 @@ body {
   margin: 1em 0;
   color: $DJSdark-text;
   font-size: large;
-  //background-color: $DJSwhite;
+  background-color: $DJSwhite;
   font-family: 'Catamaran', sans-serif;
   font-weight: 200;
 }
 
 //// HERO things
-
-//color moving background
-body {
-  background: linear-gradient(-45deg, $DJSsunshine, $DJSacqua, $DJSlavender, $DJSrose);
-  background-size: 400% 400%;
-  animation: gradient 20s ease infinite;
-}
-@keyframes gradient {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
-}
-
-
 //copied from https://wweb.dev/resources/css-separator-generator
 .triangle {
   position: relative;

app/assets/stylesheets/navbar.scss

@@ -15,7 +15,7 @@ header {
 
     padding: 0 2vw 1vh 1vw;
 
-    color: $DJSwhite;
+    color: $DJSdark-text;
 }
 
 .logo {

app/views/layouts/_navbar.html.erb

@@ -2,7 +2,7 @@
   <div class="logo">logo</div>
   <nav>
     <ul>
-      <li>course content</li>
+      <li><%=link_to "course content", root_path(anchor: "course-content") %></li>
       <li>goals</li>
       <li>ams.rb workshop</li>
       <li>about us</li>