From 61eb2eedf9ed93d7df4a5fa8bf59d873ed941f37 Mon Sep 17 00:00:00 2001
From: rav4s <ravidhruvishshah@gmail.com>
Date: Fri, 2 Apr 2021 18:25:27 -0500
Subject: [PATCH] Make div 100% width on mobile and make font size larger

---
 www/css/styles.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/www/css/styles.css b/www/css/styles.css
index d4e5868..ae0fce1 100644
--- a/www/css/styles.css
+++ b/www/css/styles.css
@@ -74,6 +74,7 @@ a:hover {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+  padding: 10px;
 }
 
 .input-box {
@@ -114,10 +115,11 @@ a:hover {
 
 #codons {
   line-height: 1em;
+  font-size: 1.2em;
 }
 
 #codons h2 {
-  font-size: 1.75em;
+  font-size: 2rem;
 }
 
 .main-heading {
@@ -138,4 +140,8 @@ a:hover {
   .input-box, .input-submit {
     padding: 1em;
   }
+
+  .codons-container {
+    width: 100%;
+  }
 }