limit content width

Author: opadron

assets/main.scss

@@ -15,7 +15,8 @@ $main-color-light: #cfa090;
 // $background-color: #707070 !default;
 // $background-color: #1e1e2e !default;
 $background-color: #272b36 !default;
-$content-width: 85%;
+$content-proportion: 85%;
+$content-width: 120vh;
 
 $fade-delay-0:   0ms !default;
 $fade-delay-1: 200ms !default;
@@ -57,7 +58,8 @@ $base-font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans
   margin-top: 10px;
   margin-bottom: 0px;
 
-  width: $content-width;
+  width: $content-proportion;
+  max-width: $content-width;
 
   opacity: 0;
   animation: warpIn ease 1s $fade-delay-0;
@@ -105,7 +107,8 @@ $base-font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans
   margin-left: auto;
   margin-right: auto;
 
-  width: $content-width;
+  width: $content-proportion;
+  max-width: $content-width;
 
   opacity: 0;
   animation: warpIn ease 1s $fade-delay-2;
@@ -125,7 +128,8 @@ $base-font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans
   margin-left: auto;
   margin-right: auto;
 
-  width: $content-width;
+  width: $content-proportion;
+  max-width: $content-width;
 
   opacity: 0;
   animation: warpIn ease 1s $fade-delay-1;