various fixes

css/style.css

@@ -69,7 +69,7 @@
 html {
 	font-size: 12pt;
 	overflow-x: hidden;
-	background: none;
+	background: #222;
 	color: white;
 }
 body {
@@ -117,6 +117,7 @@ img {
 ::-webkit-scrollbar-thumb {
   background: #888;
   border-radius: 0.25rem;
+  margin: 1px;
 }
 /*Fonts*/
 .title {
@@ -201,7 +202,15 @@ a:hover {
 	text-align: center;
 }
 .layer {
-	padding: 4rem;
+	padding: 2rem;
+}
+.vertical-center {
+	margin: auto;
+}
+@media only screen and (min-width: 750px) {
+	.layer {
+		padding: 4rem;
+	}
 }
 /*Hamburger*/
 .hamburger {
@@ -384,6 +393,25 @@ textarea.input {
 
 
 
+/*Home Page only*/
+.sample-grid {
+	display: grid;
+	grid-gap: 1rem;
+	grid-template-columns: 1fr;
+}
+.sample-grid > img {
+	max-width: 375px;
+	width: 100%;
+	height: auto;
+}
+@media only screen and (min-width: 750px) {
+	.sample-grid {
+		grid-template-columns: 375px auto;
+	}
+	.sample-grid.right {
+		grid-template-columns: auto 375px;
+	}
+}
 
 
 
@@ -587,8 +615,10 @@ textarea.input {
 	background: #333;
 }
 .text-codes {
+	max-width: calc(100vw - 3rem);
 	display: grid;
-	grid-template-columns: 11rem auto;
+	grid-template-columns: auto auto;
+	overflow-x: scroll;
 }
 .text-codes > * {
 	border: 1px solid black;