shtyles

styles/style.css

@@ -1,6 +1,7 @@
 :root {
     --primary: #000;
     --primary-light: #8a8a8a;
+    --primary-lightest: #eaeaea
 }
 
 html {
@@ -77,8 +78,21 @@ main > *:not(:last-child) {
 .pfp {
     border-radius: 50%;
 
-    width: 5rem;
-    height: 5rem;
+    width: 8rem;
+    height: 8rem;
+}
+
+div:has(> .pfp) {
+    border-radius: 50%;
+
+    width: 6rem;
+    height: 6rem;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    border: 4px solid var(--primary-light);
 }
 
 menu.links {
@@ -107,16 +121,7 @@ aside {
     margin-bottom: 0.5rem;
 }
 
-dl.details {
-    display: grid;
-    grid-template-columns: auto auto;
-
-    justify-content: start;
-    column-gap: 1rem;
-    row-gap: 0.25rem;
-}
-
-#human-languages dl {
+dl {
     display: grid;
     grid-template-columns: auto auto;