Tweak zoom (the fourth?)

main.css

@@ -110,7 +110,7 @@ body, html {
     width: 100%;
 
     font-family: 'Bitter', serif;
-    font-size: 90%;
+    font-size: 95%;
 
     scroll-behavior: smooth;
 }
@@ -214,42 +214,42 @@ img {
 }
 
 
-@media (max-width: 800px), (max-width: 850px) and (max-height: 1000px), (max-height: 850px)) {
+@media (max-width: 800px), (max-width: 850px) and (max-height: 1100px), (max-height: 1050px)) {
     :root {
         font-size: 90%;
     }
 }
 
 
-@media (max-width: 700px), (max-width: 750px) and (max-height: 900px), (max-height: 750px) {
+@media (max-width: 700px), (max-width: 750px) and (max-height: 1000px), (max-height: 950px) {
     :root {
         font-size: 80%;
     }
 }
 
 
-@media (max-width: 600px), (max-width: 650px) and (max-height: 800px), (max-height: 650px) {
+@media (max-width: 600px), (max-width: 650px) and (max-height: 900px), (max-height: 850px) {
     :root {
         font-size: 70%;
     }
 }
 
 
-@media (max-width: 500px), (max-width: 550px) and (max-height: 700px), (max-height: 550px) {
+@media (max-width: 500px), (max-width: 550px) and (max-height: 800px), (max-height: 750px) {
     :root {
         font-size: 60%;
     }
 }
 
 
-@media (max-width: 400px), (max-width: 450px) and (max-height: 650px), (max-height: 500px) {
+@media (max-width: 400px), (max-width: 450px) and (max-height: 750px), (max-height: 650px) {
     :root {
         font-size: 50%;
     }
 }
 
 
-@media (max-width: 300px), (max-width: 350px) and (max-height: 600px), (max-height: 450px) {
+@media (max-width: 300px), (max-width: 350px) and (max-height: 700px), (max-height: 600px) {
     :root {
         font-size: 35%;
     }

old/main.css

@@ -156,42 +156,42 @@ img, .down-button {
 }
 
 
-@media (max-width: 500px), (max-width: 750px) and (max-height: 1000px), (max-height: 850px)) {
+@media (max-width: 800px), (max-width: 850px) and (max-height: 1000px), (max-height: 850px)) {
     :root {
         font-size: 95%;
     }
 }
 
 
-@media (max-width: 400px), (max-width: 650px) and (max-height: 900px), (max-height: 750px) {
+@media (max-width: 700px), (max-width: 750px) and (max-height: 900px), (max-height: 750px) {
     :root {
         font-size: 85%;
     }
 }
 
 
-@media (max-width: 350px), (max-width: 600px) and (max-height: 800px), (max-height: 650px) {
+@media (max-width: 600px), (max-width: 650px) and (max-height: 800px), (max-height: 650px) {
     :root {
         font-size: 75%;
     }
 }
 
 
-@media (max-width: 300px), (max-width: 550px) and (max-height: 700px), (max-height: 550px) {
+@media (max-width: 500px), (max-width: 550px) and (max-height: 700px), (max-height: 550px) {
     :root {
         font-size: 65%;
     }
 }
 
 
-@media (max-width: 250px), (max-width: 450px) and (max-height: 650px), (max-height: 500px) {
+@media (max-width: 400px), (max-width: 450px) and (max-height: 650px), (max-height: 500px) {
     :root {
         font-size: 55%;
     }
 }
 
 
-@media (max-width: 200px), (max-width: 350px) and (max-height: 600px), (max-height: 450px) {
+@media (max-width: 300px), (max-width: 350px) and (max-height: 600px), (max-height: 450px) {
     :root {
         font-size: 40%;
     }