Apply design puke

flask/templates/base.html

@@ -6,16 +6,70 @@
     <title>Image Upload</title>
 
     <style>
+    body {
+        background-color: #f8f9fa;
+        font-family: Arial, sans-serif;
+        color: #333;
+    }
+
     .container {
         display: flex;
         width: 100%;
     }
+
     .box {
         flex: 1;
-            background-color: lightgray;
         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 %}