Init

src/styles/contents.css

@@ -3,6 +3,11 @@ contents {
     position: absolute;
     top: 75vh;
 
+    right: 0vh;
+    left: 0vh;
+
+    margin: 0vh 5vw;
+
     justify-content: center;
     align-items: flex-start;
     flex-direction: column;
@@ -48,7 +53,7 @@ group#friend > card > a > img {
 
 group#footer {
     display: block;
-    margin: 0vh 2.5vw;
+    margin: 2rem 0.5rem;
 	align-self: flex-start;
 	color: var(--font-color-lighter);
 	font-size: calc(var(--font-size-description) - 0.4rem);
@@ -63,3 +68,10 @@ group#footer > * {
         filter: invert(100%);
     }
 }
+
+
+@media screen and (max-width: 480px) {
+	contents {
+		margin: 0 2vw;
+	}
+}