Add: Welcome screen

2025-11-13 23:05:26 +02:00
parent fea5a3d3f6
commit 45f1710917
4 changed files with 198 additions and 1 deletions
@@ -0,0 +1,35 @@
+$drop-shadow: 3px 3px 0.5rem hsl(212 74% 20% / 50%);
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+    min-height: 100vh;
+    background-image: linear-gradient(to bottom, hsl(12, 90%, 40%), hsl(0, 90%, 35%));
+    color: hsl(0, 74%, 90%);
+}
+  
+h1 {
+    font-size: 2rem;
+}
+
+.btn {
+    padding: 1rem;
+    text-decoration: none;
+    border-radius: 1rem;
+    transition: all 0.3s ease;
+    box-shadow: $drop-shadow;
+}
+
+.btn-primary {
+    color: hsl(212, 74%, 90%);
+    // background-color: hsl(212, 74%, 50%);
+    background-image: linear-gradient(to bottom, hsl(212, 74%, 55%), hsl(212, 74%, 45%));
+    border: 1px solid hsl(212, 74%, 75%);
+    &:hover {
+        background-color: hsl(212, 74%, 40%);
+    }
+}