diff --git a/src/components/Header.astro b/src/components/Header.astro
index 31f670a..3536c0f 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -56,10 +56,10 @@ const base = import.meta.env.BASE_URL;
+ .emoji-label {
+ @apply cursor-pointer bg-zinc-200 p-1 rounded-full;
+ }
+ .emoji-input {
+ display: none;
+ }
+ .emoji-input:checked + .emoji-label {
+ @apply cursor-pointer bg-zinc-200 p-1 rounded-full outline outline-1;
+ }
+
+
+
+
+
+
diff --git a/src/styles/main.css b/src/styles/main.css
index 7ecf89c..78cb1ef 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -4,16 +4,20 @@
:root {
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
font-size: 18px;
+
@media (min-width: 768px) {
font-size: 20px;
}
- background-color: #f5fffa;
}
* {
margin: 0;
}
+body {
+ background-color: #f5fffa;
+}
+
@layer components {
.posts {
@apply flex flex-col gap-10 md:gap-8;