Add yawn

diff --git a/index.html b/index.html
index a156bfad0a63fbde3f974b2409453846b2c250e9..e0fe49c8d604cd1b0687cbb75782ece0f0634058 100644 (file)
--- a/index.html
+++ b/index.html
@@ -68,6 +68,8 @@
     </main>
   </div>
 
+  <div class="yawn">🥱</div>
+  
   <script type="module" src="/script.js"></script>
 </body>
 

diff --git a/style.css b/style.css
index bae0a2e3e8b7cb09c02d1d73adda9e8e82f0e8d1..93491968a60b9aa7c913fdd54ec5ce2c8f5c34b5 100644 (file)
--- a/style.css
+++ b/style.css
@@ -105,4 +105,19 @@ a>svg:focus-within {
 
 abbr:has(kbd) {
   text-decoration: none;
+}
+
+.yawn {
+  position: fixed;
+  bottom: 8px;
+  right: 8px;
+  cursor: pointer;
+  opacity: 10%;
+  transition: opacity 600ms;
+}
+
+.yawn:hover,
+.yawn:focus-within {
+  opacity: 65%;
+  transition: opacity 200ms;
 }
\ No newline at end of file