Started working on changing units to make the design more consistent

1 files changed, 8 insertions, 14 deletions

diff --git a/src/styles/terminal.css b/src/styles/terminal.css
index 831f75c..d195f4d 100644
--- a/src/styles/terminal.css
+++ b/src/styles/terminal.css
@@ -26,16 +26,6 @@ body {
   overflow-y: scroll;
   zoom: 1;
 }
-@media screen and (max-width: 768px) {
-  body {
-    zoom: 0.8;
-  }
-}
-@media screen and (max-width: 480px) {
-  body {
-    zoom: 0.7;
-  }
-}
 
 main {
   display: block;
@@ -47,13 +37,17 @@ main {
   border: 1px;
   border-style: solid;
   background: var(--background);
-  padding: 1.75rem;
-  width: 55rem;
-  height: 28rem;
+  /* padding: 1.75rem; */
+  /* width: 55rem; */
+  /* height: 28rem; */
+  padding: 2.2svw;
+  width: 68.75svw;
+  height: 35svw;
   max-width: 75%;
   max-height: 80%;
   overflow: hidden;
-  font-size: 0.9rem;
+  font-size: 1.125svw;
+  /* font-size: 0.9rem; */
   font-weight: 300;
 }