adjust paddings and button styles

style.css

@@ -1,6 +1,5 @@
 * {
     box-sizing: border-box;
-    /* padding: 1rem; */
     margin: 0;
     font-family: "Fira Code VF", monospace;
     line-height: 1.5;
@@ -11,34 +10,29 @@ html,
 body {
     margin: 0;
     height: 100%;
-    /* padding: 0; */
 }
 
 body,
 #container {
     display: flex;
     flex-direction: column;
-    /* justify-content: center; */
-    /* align-items: left; */
 }
 
 a {
     color: #F1678E;
 }
 
-p {
-    /* padding: 1rem; */
-    /* float: left; */
-}
-
 h1,h2,h3,h4,h5 {
     color: #F1678E;
-    /* padding: 1rem; */
-    /* float: left; */
+    padding-bottom: 0.5rem 0rem;
+}
+
+h1 {
+  font-size: 1.8rem;
 }
 
-div {
-    padding: 0;
+h3 {
+  font-size: 1.25rem;
 }
 
 #container {
@@ -99,25 +93,27 @@ canvas {
 }
 
 input {
-    margin: 1rem;
-    font-size: 12pt;
+    margin: 1rem 1rem 1rem 0rem;
+    font-size: 1rem;
 }
 
 button {
     float: left;
     font-size: 16px;
     margin: 1rem;
-    padding: 1rem 2rem;
+    padding: 1rem 0rem;
     cursor: pointer;
     border-radius: 4px;
     border: 0;
+    color: white;
+    background-color: #F1678E;
 }
 
 #buttonsDiv {
     float: left;
 }
 
-button:hover {
+/* button:hover {
     background-color: #e3e3e3;
 }
 
@@ -135,7 +131,7 @@ button.submit:hover {
   
 button.submit:active {
     background-color: #cb5677;
-}
+} */
 
 .module {
   background-color: #ede2fe;