feat: add missing stylings for buttons and inputs

input.css

@@ -4,7 +4,10 @@
 @source './template/**/*.templ';
 
 body {
-	@apply font-shippori
+	@apply font-shippori text-gray-700;
+}
+input:focus {
+	@apply outline-none ring-0;
 }
 
 @theme {
@@ -31,3 +34,49 @@ body {
   font-family: "Shippori Mincho";
   src: url("/static/font/shippori_mincho/ShipporiMincho-Medium.ttf") format("truetype");
 }
+
+/* Button */
+.button {
+  transition: all 150ms linear;
+	border-radius: 0.5rem;
+	@apply inline-block cursor-pointer bg-white;
+}
+
+.button:hover {
+  box-shadow: 3px 3px 3px var(--color-gray-200);
+}
+
+.button-primary:hover,
+.button-normal:hover {
+  transform: translate(-0.25rem, -0.25rem);
+}
+
+.button-primary {
+  border: 2px solid var(--color-gray-400);
+}
+
+.button-normal {
+  border: 2px solid var(--color-gray-200);
+}
+
+.button-neglect {
+  border: 2px solid white;
+}
+
+.button-neglect:hover {
+  border-color: var(--color-gray-200);
+}
+
+/* Input */
+
+.input {
+	border-radius: 0.5rem;
+	border: 2px solid var(--color-gray-200);
+	transition: all 150ms linear;
+	@apply px-3 py-2 text-lg;
+}
+.input:has(input:focus) {
+	border-color: var(--color-gray-400);
+	box-shadow: 0 0 0 2px var(--color-gray-200);
+}
+