Update styles.css

quote_generator/styles.css

@@ -3,8 +3,8 @@ html {
   height: 100%;
   text-align: center;
   overflow: hidden;
-  font-family: monospace;
-  font-size: 18px;
+  font-family: Georgia, 'Times New Roman', Times, serif;
+  font-size: 24px;
 }
 
 body {
@@ -22,7 +22,6 @@ body {
 }
 
 :root {
-  --background-color: #9DC4FF;
   --button-color: #9DC4FF;
   --button-hover-color: #5ca8f3;
   --white: #FFFFFF;
@@ -45,7 +44,7 @@ body {
 }
 
 .quote-container {
-  margin: 20px;
+  margin: 10px;
 }
 
 button {
@@ -55,7 +54,7 @@ button {
   border: none;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
   padding: 17px 20px;
-  border-radius: 35px;
+  border-radius: 30px;
   cursor: pointer;
   transition:  all 0.3s ease-in-out;
 }