effect changes

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) {