fix minor stuff, rename some CSS classes

assets/css/screen.css

@@ -7,12 +7,12 @@ html, body {
     margin: 0;
     padding: 0;
     height: 100%;
-    width: 100%;
 
   	font-size: 20px;
     line-height: 1.6;
   	color: white;
   	width: 100%;
+    background-color: #151515;
 }
 
 a {
@@ -57,16 +57,12 @@ h4 {
     font-size: 25px;
 }
 
-main {
-  	display: block;
-    background-color: #151515;
-}
 .nav {
 	padding: 0;
 }
 
 .navbar {
-  position: fixed;
+  position: absolute;
   width: 100%;
   top: 0;
   z-index: 100;
@@ -82,6 +78,14 @@ main {
 
   transition: 1s;
 }
+/* This class is applied by a JS script, so that users with JS disabled
+can still see the navbar, but it won't move while they're scrolling.
+This is needed because the navbar is transparent, and a black background
+is applied by the script on scroll.
+*/
+.navbar-allowmoving {
+    position: fixed;
+}
 
 .navbar-colored {
   background: rgba(0, 0, 0, 1);
@@ -116,16 +120,20 @@ main {
 	-webkit-text-fill-color: transparent;
 }
 
-/* Begin Content */
-.mind-content {
+/* Begin Main Content */
+main {
+	margin: auto;
+	width: 1260px;
+	max-width: 100%;
+	box-sizing: border-box;
+
   text-align: justify;
+  display: block;
 	box-sizing: border-box;
   padding-top: 20px;
-	padding-left: 20%;
-	padding-right: 20%;
 	padding-bottom: 20px;
 }
-/* End Content */
+/* End Main Content */
 
 /* Begin footer */
 /* .mind-fullscreen-title is only used by pages (no homepage), however other pages have the footer too. */
@@ -294,6 +302,14 @@ main {
 	-o-user-select: none;
 }
 
+img {
+	-moz-user-select: none;
+	-webkis-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	-o-user-select: none;
+}
+
 /* COLORED TEXT SELECTION */
 ::selection {
 	color: #2d0670;
@@ -339,7 +355,7 @@ main {
 		font-size: 10px;
 	}
 
-	.mind-content {
+	main {
 		font-size: 10px;
 	}
 }
@@ -378,7 +394,7 @@ main {
 		font-size: 11px;
 	}
 
-	.mind-content {
+	main {
 		font-size: 13px;
 	}
 }
@@ -415,7 +431,7 @@ main {
 		font-size: 16px;
 	}
 
-	.mind-content {
+	main {
 		font-size: 16px;
 	}
 }
@@ -452,7 +468,7 @@ main {
 		font-size: 21px;
 	}
 
-	.mind-content {
+	main {
 		font-size: 18px;
 	}
 }
@@ -485,7 +501,7 @@ main {
 		font-size: 26px;
 	}
 
-	.mind-content {
+	main {
 		font-size: 20px;
 	}
 }
@@ -518,7 +534,7 @@ main {
 		font-size: 29px;
 	}
 
-	.mind-content {
+	main {
 		font-size: 23px;
 	}
 }
@@ -553,7 +569,7 @@ main {
 		font-size: 15px;
 	}
 
-	.mind-content {
+	main {
 		font-size: 25px;
 	}
 }