moved css from html to style.css

Author: MrStuffmaker

css/style.css

@@ -27,12 +27,6 @@ body {
   overflow: auto; 
   position: relative; 
 }
-.title.h1.c1 {
-  color: rgb(30, 255, 0);
-}
-.title.h1.c2 {
-  color: rgb(255, 50, 50);
-}
 body::before {
   content: '';
   position: absolute;
@@ -499,4 +493,20 @@ footer a.social-icon:hover::after {
   height: 100%; 
   max-height: 1em; 
   width: auto; 
+  display: inline-block;
+}
+.title.h1.c1 {
+  color: rgb(30, 255, 0);
+  margin: 0;
+  padding: 0;
+}
+.title.h1.c2 {
+  color: rgb(255, 50, 50);
+  margin: 0;
+  padding: 0;
+}
+@media screen and (max-width: 768px) {
+  .hide-on-mobile {
+    display: none;
+  }
 }

index.html

@@ -28,18 +28,6 @@ <h1>
         <span class="title h1 c2">Search</span> 
         <img src="/images/search-inverted.png" class="title-image hide-on-mobile">
       </h1>
-      
-      <style>
-        .title-image {
-          display: inline-block;
-        }
-      
-        @media screen and (max-width: 768px) {
-          .hide-on-mobile {
-            display: none;
-          }
-        }
-      </style>
     <p id="description">Search Anything</p>
     <script src="/js/csl.js"></script>