From c1e5285a3013152b813afbd970c4ee894a3b5bbb Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Fri, 26 Jan 2024 16:40:30 -0800
Subject: [PATCH] chore: clean up about media query

---
 src/assets/styles/pages/about.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/assets/styles/pages/about.css b/src/assets/styles/pages/about.css
index c694b52a..2a732381 100644
--- a/src/assets/styles/pages/about.css
+++ b/src/assets/styles/pages/about.css
@@ -1,11 +1,15 @@
+:root {
+  --avatar-size: 16rem;
+}
+
 .avatar__wrapper {
   width: 100%;
   margin-bottom: 1.5rem;
 }
 
 .avatar__wrapper .avatar__wrapper--interior {
-  width: 16rem;
-  height: 16rem;
+  width: var(--avatar-size);
+  height: var(--avatar-size);
   border: 1px solid var(--accent-color);
   border-radius: var(--rounded-full);
   display: flex;
@@ -25,8 +29,7 @@
 }
 
 @media screen and (min-width: 768px) {
-  .avatar__wrapper .avatar__wrapper--interior {
-    width: 24rem;
-    height: 24rem;
+  :root {
+    --avatar-size: 24rem;
   }
 }
\ No newline at end of file