overhaul

style.css

@@ -12,7 +12,8 @@
   src: url(./fonts/MPLUSCodeLatin-Regular.ttf);
 }
 
-html, body {
+html,
+body {
   height: 100%;
 }
 
@@ -34,7 +35,9 @@ body {
   text-align: center;
 }
 
-h1, h2, h3 {
+h1,
+h2,
+h3 {
   color: var(--violet);
   font-family: "Major Mono Display", monospace;
 }
@@ -43,7 +46,8 @@ h1 {
   font-size: 8rem;
 }
 
-a:link, a:visited {
+a:link,
+a:visited {
   color: inherit;
 }
 
@@ -57,10 +61,16 @@ main {
 }
 
 header {
-  /* grid-row: 1; */
+  grid-row: 1;
   grid-column: 2;
 }
 
+section.about {
+  margin-top: 2em;
+  grid-column: 2;
+  grid-row: 2;
+}
+
 section.socials {
   grid-column: 2;
   grid-row: 3;
@@ -68,16 +78,17 @@ section.socials {
 
 .socials > ul {
   list-style-type: none;
+  columns: 2;
 }
 
-header > h1 {
+header>h1 {
   color: var(--violet);
 }
 
-header > h1::before {
+header>h1::before {
   content: "0x76";
 }
 
-header > h1:hover::before {
+header>h1:hover::before {
   content: "v";
 }