feat: minor site improvements

index.html

@@ -83,7 +83,8 @@
         <div class="world">
             <!-- <p>Also, checkout <a href="https://scientia.c2yz.com">this site</a>. You might find it interesting. 👀</p> -->
 
-            <p>[📎 <a href="assets/Michał_Czyż_CV.pdf"">cv</a>] [📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p>
+            <span>[📎 <a href="assets/Michał_Czyż_CV.pdf"">cv</a>]</span>
+            <span>[📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</span>
             <!-- <p>[📧 <a href=" mailto:mike@c2yz.com?subject=Hi">contact</a>]</p> -->
 
             <!-- <span class="separator">. . .</span> -->

styles.css

@@ -91,7 +91,7 @@ body {
     box-sizing: border-box;
     width: 8.5in;
     /* height: 11in; */
-    height: 8in;
+    height: 9in;
     margin-top: 5px;
     margin-bottom: 5px;
     background-color: var(--surface);
@@ -149,6 +149,8 @@ a:focus {
 
 .world {
     grid-area: world;
+    display: flex;
+    gap: 0.5em;
 }
 
 .aside {
@@ -165,6 +167,7 @@ a:focus {
     grid-template-columns: 0.3fr 0.7fr;
     column-gap: 0.5in;
     align-self: end;
+    margin-top: 1.5em;
 }
 
 .copyright {
@@ -352,7 +355,7 @@ a:focus {
         box-shadow: none;
         display: grid;
         grid-template-columns: 1fr;
-        grid-template-rows: 0.85in 0.2fr 0.4fr auto;
+        grid-template-rows: 0.1fr 0.2fr 0.4fr auto;
         gap: 0px 0px;
         grid-template-areas:
             "header"
@@ -364,6 +367,10 @@ a:focus {
         overflow: auto;
     }
 
+    .header {
+        font-size: 2em;
+    }
+
     .theme:focus,
     .theme:active,
     .theme:hover {
@@ -377,7 +384,8 @@ a:focus {
     .bio {
         grid-template-columns: none;
         grid-template-rows: 2.5in 1fr;
-        place-items: center;
+        justify-content: center;
+        align-items: center;
         padding: 0;
     }