makes main element responsive

src/style/main.scss

@@ -26,7 +26,14 @@ body {
 
 main {
     font-size: large;
-    width: 90%;
+    width: 66.666%;
+    transition: width .25s linear;
     margin-left: auto;
     margin-right: auto;
+    @media only screen and (max-width:56.25em) { 
+        width: 90%;
+    }
+    @media only screen and (max-width:62.5em) and (min-width:56.3125em) { 
+        width: 78.333%;
+    }
 }