From dd6941c123d9d9acd8b66360903d79d0fde3c5fd Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Wed, 22 Feb 2023 20:16:21 -0800
Subject: [PATCH] Add basic styling

---
 template.html | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/template.html b/template.html
index 0e587ee..6725b95 100644
--- a/template.html
+++ b/template.html
@@ -8,11 +8,36 @@
   <title>Enter password</title>
   <style>
     body {
+      font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
       min-block-size: 100dvb;
       margin: 0;
+      background: hsl(216deg 50% 98%);
+      color: hsl(216deg 50% 10%);
       display: grid;
       place-items: center;
     }
+
+    input,
+    button {
+      font-size: 1rem;
+      padding-inline: 4px;
+      padding-block: 8px 6px;
+      border-radius: 4px;
+      border: 1px solid hsl(216deg 50% 80%);
+      transition: filter 600ms, border 600ms;
+    }
+
+    :is(input, button):focus-within,
+    button:hover {
+      border: 1px solid hsl(216deg 50% 70%);
+      filter: drop-shadow(0 0 4px hsl(216deg 50% 80%));
+      transition: filter 200ms, border 200ms;
+    }
+
+    button {
+      background: hsl(216deg 50% 90%);
+      cursor: pointer;
+    }
   </style>
 </head>
 
-- 
2.47.3