effect changes

assets/css/crt-screen.css

@@ -5,10 +5,6 @@ layout: none
 .screen{
     margin-left: auto;
     margin-right: auto;
-    background-image: url({{site.baseurl}}/assets/images/crt2.png);
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-position: center;
     align-content: center;
     height: 700px;
     width: 900px;

assets/css/custom.css

@@ -27,6 +27,8 @@ img {
 
 header {
 	display: flex;
+	padding-left: 20px;
+	padding-right: 20px;
 }
 
 header * {
@@ -38,6 +40,9 @@ header * {
 
 nav {
 	line-height: 2rem;
+	padding-left: 20px;
+	padding-right: 20px;
+
 }
 
 nav a {
@@ -61,6 +66,9 @@ main {
 	display: grid;
 	grid-gap: 0.4rem;
 	line-height: 1.5rem;
+	padding-left: 20px;
+	padding-right: 20px;
+
 }
 
 .title {
@@ -111,6 +119,9 @@ footer {
 	font-weight: bold;
 	color: #ffd300;
 	font-size: 0.7rem;
+	padding-left: 20px;
+	padding-right: 20px;
+
 }
 
 @media screen and (max-width: 780px) {