Apply design puke

flask/templates/base.html

@@ -6,16 +6,70 @@
     <title>Image Upload</title>
 
     <style>
-        .container {
+    body {
-            display: flex;
+        background-color: #f8f9fa;
-            width: 100%;
+        font-family: Arial, sans-serif;
-        }
+        color: #333;
-        .box {
+    }
-            flex: 1;
+
-            background-color: lightgray;
+    .container {
-            text-align: center;
+        display: flex;
-            margin: 1px;
+        width: 100%;
-        }
+    }
+
+    .box {
+        flex: 1;
+        text-align: center;
+        margin: 1px;
+        padding: 20px;
+        color: white;
+        background-color: #ff69b4; /* Pink */
+        border: 2px solid #55cdfc; /* Light blue */
+        transition: background-color 0.3s ease;
+    }
+
+    .box:hover {
+        background-color: #f7a8b8; /* Softer pink on hover */
+    }
+
+    a {
+        text-decoration: none;
+        color: inherit;
+    }
+
+    label {
+        font-weight: bold;
+        color: #ff69b4;
+    }
+
+    input[type="submit"], select, textarea, input[type="number"] {
+        background-color: #55cdfc;
+        border: none;
+        color: white;
+        padding: 10px;
+        margin: 10px 0;
+        border-radius: 5px;
+    }
+
+    input[type="submit"]:hover, input[type="number"]:hover, select:hover, textarea:hover {
+        background-color: #f7a8b8;
+    }
+
+    h2 {
+        color: #ff69b4;
+    }
+
+    img {
+        border: 3px solid #55cdfc;
+    }
+
+    form {
+        background-color: #f8f9fa;
+        padding: 20px;
+        border-radius: 10px;
+        border: 2px solid #ff69b4;
+    }
+
     </style>
 
     {% block head %}

flask/templates/text.html

@@ -44,7 +44,7 @@
         {%endif%}
         <label for="cut"> Cut paper after printing </label><br>
 
-        <input type="submit" value="Print">
+        <input type="submit" value="Print" style="font-size: 2em; padding: 20px 40px;">
     </form>
     {% endif %}