From 9d740b7dcf82945a5e1d9d0e6bdb61220d81f7f2 Mon Sep 17 00:00:00 2001
From: Andras Schmelczer <andras@schmelczer.dev>
Date: Tue, 27 Sep 2022 10:34:46 +0200
Subject: [PATCH] Make slightly responsive

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

diff --git a/css/main.css b/css/main.css
index c9e4e31..516e66f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -7,6 +7,12 @@ canvas,
   overflow: hidden;
 }
 
+@media (max-width: 1000px) {
+  html {
+    font-size: 0.6rem;
+  }
+}
+
 * {
   border: 0;
   margin: 0;
@@ -42,12 +48,12 @@ button {
 .box,
 button {
   width: 33%;
-  border-radius: 4vmin;
+  border-radius: 32px;
 }
 
 .box {
-  min-width: 400px;
-  padding: 4vmin;
+  min-width: 250px;
+  padding: 2rem;
   background: rgba(0, 0, 0, 0.5);
 }