1 files changed, 57 insertions, 0 deletions
diff --git a/static/css/guestbook.css b/static/css/guestbook.css
new file mode 100644
index 0000000..39da00b
--- /dev/null
+++ b/static/css/guestbook.css
@@ -0,0 +1,57 @@
+form {
+  display: flex;
+  flex-direction: column;
+  gap: 1.2em;
+  margin: 1.5em auto;
+}
+
+input::placeholder, textarea::placeholder { color: var(--fg-1); }
+
+input, textarea {
+  background-color: var(--bg-0);
+  color: var(--fg-0);
+  border: 1px solid var(--color-0);
+  padding: 0.6em 0.6em;
+  font-size: 1rem;
+  width: 100%;
+}
+
+textarea {
+  resize: none;
+}
+
+input[type=submit] {
+  width: 12em;
+  font-size: 0.8em;
+  padding: 1em;
+  cursor: pointer;
+}
+
+input:hover, textarea:hover {border: 1px solid var(--color-1);}
+
+.form-entry {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4em;
+}
+
+.form-entry:has(input[type=submit]) {
+  flex-direction: row;
+  justify-content: flex-end;
+}
+
+.guestbook-entry {
+  background-color: var(--bg-1);
+  border-radius: 1em;
+  padding: 0.1em 0.8em;
+  margin: 2em auto;
+}
+
+.guestbook-entry-name {
+  font-size: 1.4em;
+  color: var(--color-1);
+}
+
+.guestbook-entry time {
+  font-size: 0.9em;
+}