From fe05bfa8a5ecf721a02e67f628b899c1e1869a09 Mon Sep 17 00:00:00 2001
From: julius <julius@0124816.xyz>
Date: Sun, 26 Jan 2025 11:25:56 +0100
Subject: [PATCH] fix: hopefully fix slanting in blink-based browsers

---
 src/App.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/App.css b/src/App.css
index 96cad31..1b74a88 100644
--- a/src/App.css
+++ b/src/App.css
@@ -51,14 +51,14 @@ h2 {
 .box {
   position: relative;
   &.two {
-    min-width: 48%;
+    min-width: 43%;
   }
   &.three {
-    min-width: 30%;
+    min-width: 27%;
   }
   max-width: 10vw;
   padding: 4px;
-  margin: 4px min(2px, 4%);
+  margin: 4px auto;
   border-style: solid;
   border-color: black;
 }
@@ -89,6 +89,12 @@ button {
   border: 4px solid black;
   position: relative;
   z-index: 1;
+  &:focus {
+    outline: black;
+  }
+  &:hover {
+    border-color: black;
+  }
 }
 
 ::backdrop {