idk

SzBenedek2006 · Apr 8, 2024 · df9c555 · df9c555
1 parent 8984409
commit df9c555
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -40,11 +40,7 @@ <h1>Welcome</h1>
                 <span>&#9776;</span>
             </button>
             <div class="menu" id="menu">
-                <ul>
-                    <li><a href="#">Menu Item 1</a></li>
-                    <li><a href="#">Menu Item 2</a></li>
-                    <li><a href="#">Menu Item 3</a></li>
-                </ul>
+                <p class="menu-entry">Nothing to see here / useless button.</p>
             </div>
             <div class="header">
                 <div class="profile-img" id="header-content">

diff --git a/style.css b/style.css
@@ -157,11 +157,36 @@ body {
 
         .menu {
             display: none;
+
+            text-align: justify;
+            background-color: rgba(255, 255, 255, 0);
+            padding: 20px;
+            border-radius: 10px;
+            color: #000;
+            animation: fadeInMenu 1s ease-in-out forwards;
+        }
+
+        .menu-entry {
+            margin: 80px 10px;
+            color: #fff;
+            opacity: 0.5;
+            text-decoration: none;
             text-align: center;
-            margin-bottom: 20px;
+            font-size: 15px;
         }
 
+        @keyframes fadeInMenu {
+            0%
+            {
+                opacity: 0;
+            }
+
+            100%
+            {
+                opacity: 1;
 
+            }
+        }