feat: Make more use of the shared assets

assets/css/index.css

@@ -1,74 +1,13 @@
-.vertical-flex {
-    display: flex;
-    flex-direction: column;
-}
-
-.horizontal-flex {
-    display: flex;
-    flex-direction: row;
-}
-
-.horizontal-center {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-}
-
-.vertical-center {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-
-    height: 100%;
-}
-
-.avatar {
-    width: 200px;
-    height: 200px;
-    border-radius: 10px;
-    margin-right: 30px;
-}
-
-.name-title {
-    font-size: xxx-large;
-}
-
 .clickable {
     cursor: pointer;
 }
 
-.header {
-    width: 42%;
-}
-
-#header-links ul {
-    list-style: none;
-    padding-left: 0px;
-    margin-bottom: 0px;
-    margin-top: 0px;
-}
-#header-links li {
-    display: inline;
-
-    font-size: large;
-    margin-left: 20px;
-}
-
-#header-links li:first-child {
-    margin-left: 0px;
-}
-
 h1, h2 {
     margin-top: 0px;
     margin-bottom: 0px;
 }
 
-html {
-    background-color: #f6f6f6;
-}
-
 body {
-    padding: 5px;
     font-size: large;
 }
 
@@ -77,8 +16,6 @@ body {
     box-sizing: border-box;
 }
 
-.agressive-word-breaking {}
-
 /* Screenshots */
 .screenshot {
     width: 270px;
@@ -101,12 +38,6 @@ body {
 }
 
 @media screen and (max-width: 720px) {
-    .avatar {
-	width: 100px;
-	height: 100px;
-	margin-right: 10px;
-    }
-
     .screenshot {
 	width: 100px;
     }
@@ -120,18 +51,9 @@ body {
 	font-size: 43px;
     }
 
-    .name-title {
-	font-size: x-large;
-    }
-
-    .header {
-	width: 100%;
-    }
-
     #social-links td:nth-child(2) {
 	word-break: break-word;
     }
-
     #social-links td {
 	padding-top: 5px;
 	padding-bottom: 5px;