Made the input bigger

Author: ww3637

src/index.css

@@ -144,7 +144,7 @@ html, body, #root, #app, .full-height{
 .mailchimp-input{
   flex: 50%;
   height: 30px;
-  margin: 10px;
+  margin-left: 10px;
 
   text-align: center;
   border-style: none;
@@ -172,12 +172,8 @@ html, body, #root, #app, .full-height{
   background-size: 18px;
 
   outline: none;
-  transition: 0.1s;
-} /* arrow moves slightly to the right on hover */
-.mailchimp-button:hover{
-  background-position: 5.25px;
-  transition: 0.1s;
-}
+  transition: 0.1s; /* see: min-width: media query */
+} 
 
 ::placeholder{ /* this refers to the input placeholder text (enter your email...)*/
   color: var(--dullblue);
@@ -187,6 +183,11 @@ html, body, #root, #app, .full-height{
   .desktop-hide{
     display: none;
   }
+  /* arrow moves slightly to the right on hover */
+  .mailchimp-button:hover{
+    background-position: 5.25px;
+    transition: 0.1s;
+  }
 }
 
 /* 
@@ -272,32 +273,28 @@ mobile has scaling widths and font sizes
   }  
 
   .mailchimp-container{
-    width: 70vw;
+    width: 75vw;
 
     margin-top: calc(1vh);
 
-    height: 10vw;
-    border-radius: 5vw;
+    height: 12vw;
+    border-radius: 6vw;
   }
   .mailchimp-input{
     height: 7vw;
-    font-size: 3.0vw;
+    font-size: 3.25vw;
   }
   .mailchimp-button{
-    height: 8vw;
-    width: 8vw;
+    height: 9vw;
+    width: 9vw;
 
-    border-radius: 4vw;
+    border-radius: 4.5vw;
 
-    margin-right: 1vw;
+    margin-right: 1.5vw;
 
-    background-position: 1vw;
-    background-size: 5vw;
-  }
-  .mailchimp-button:hover{
     background-position: 1.5vw;
+    background-size: 5vw;
   }
-  
   .mobile-banner{
     font-size: 3.5vw;
   }