removed unnecesary files and adjusted the repsonsiveness for mobile phones

Author: wengDavo

index.html

@@ -19,8 +19,8 @@ body{
     grid-template-rows:auto;
 
     font-size: 18px;
-    font-family: OpenSans-Medium ;
-
+    
+    font-family: 'Open Sans', sans-serif;
     //to remove scrollbar for edge, firefox
     scrollbar-width: none;
     //to remove scrollbar for firefox
@@ -32,12 +32,15 @@ body::-webkit-scrollbar{
     display: none;
 }
 
+
+
 header, main{
     padding: 1rem 0.5rem;
 }
 
 header{
-    font-family: Poppins-Medium;
+    font-family: 'Poppins', sans-serif;
+    font-size: 0.8rem;
     grid-column: 1/-1;
 }
 
@@ -49,6 +52,8 @@ footer{
     grid-column: 1/-1;
 }
 
+
+
 .float-left{
     float: left;
 }

resources/design/active-states.jpg

@@ -12,7 +12,7 @@
 
     //header body
     &__body{
-        font-weight: 200;
+        font-weight: 600;
         display: flex;
         flex-flow: column wrap;
         justify-content: space-around;

resources/design/desktop-design.jpg

@@ -18,10 +18,12 @@
     &__title{
         text-align: center;
         margin: 1.5rem 0;
+        font-weight: 700;
     }
 
     &__text{
         text-align: center;
+        font-weight: 400;
     }
 
     &__svg{