Update static/index.css

static/index.css

@@ -1,19 +1,56 @@
-
 .loader {
     border: 16px solid #f3f3f3;
-    /* Light grey */
     border-top: 16px solid #3498db;
-    /* Blue */
     border-radius: 50%;
     width: 120px;
     height: 120px;
     animation: spin 2s linear infinite;
     display: none;
-    /* Initially hidden */
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+
+}
+
+body {
+    padding: 0 10rem;
+}
+
+h1 {
+    text-align: center;
+}
+
+#summaryForm {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 1rem;
+}
+
+#youtubeLinkInput {
+    width: 60%;
+    padding: 2%;
+    border: 2px solid #aaa;
+    border-radius: 26px;
+    margin-bottom: 20px;
+}
+
+button {
+    width: 30%;
+    padding: 2%;
+    outline: 0;
+    border: 2px solid #aae;
+    border-radius: 26px;
+    color: white;
+    margin-bottom: 20px;
+    cursor: pointer;
+    background-color: rgb(62, 120, 245);
+}
+
+#summaryResult {
+    font-size: 2.5rem;
+    margin: 1rem;
 }
 
 @keyframes spin {