1 files changed, 43 insertions, 73 deletions

diff --git a/styles.css b/styles.css
index 7504db5..13bb753 100644
--- a/styles.css
+++ b/styles.css
@@ -171,17 +171,6 @@ h1 {
     animation-fill-mode: backwards;
 }
 
-@keyframes flipIn {
-    from {
-        transform: rotateX(-90deg);
-        opacity: 0;
-    }
-    to {
-        transform: rotateX(0);
-        opacity: 1;
-    }
-}
-
 .letter-box:nth-child(1) { animation-delay: 0.1s; }
 .letter-box:nth-child(2) { animation-delay: 0.2s; }
 .letter-box:nth-child(3) { animation-delay: 0.3s; }
@@ -302,6 +291,12 @@ h1 {
     gap: 10px;
 }
 
+.calendar-controls {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+
 .custom-select {
     position: relative;
 }
@@ -370,6 +365,8 @@ h1 {
     max-height: 280px;
     overflow-y: auto;
     display: none;
+    scrollbar-width: thin;
+    scrollbar-color: var(--accent) var(--bg-secondary);
 }
 
 .select-dropdown::-webkit-scrollbar {
@@ -392,27 +389,11 @@ h1 {
     background: var(--accent-dark);
 }
 
-.select-dropdown {
-    scrollbar-width: thin;
-    scrollbar-color: var(--accent) var(--bg-secondary);
-}
-
 .select-dropdown.open {
     display: block;
     animation: dropDown 0.2s ease;
 }
 
-@keyframes dropDown {
-    from {
-        opacity: 0;
-        transform: translateY(-10px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
 .select-option {
     padding: 10px 15px;
     cursor: pointer;
@@ -431,12 +412,6 @@ h1 {
     font-weight: 600;
 }
 
-.calendar-controls {
-    display: flex;
-    gap: 10px;
-    align-items: center;
-}
-
 .nav-btn {
     background: var(--bg-secondary);
     border: 2px solid var(--border-color);
@@ -577,12 +552,11 @@ h1 {
 .footer-text {
     margin-bottom: 10px;
     line-height: 1.6;
-}
-
-.heart {
-    color: #e74c3c;
-    animation: heartbeat 1.5s ease-in-out infinite;
-    display: inline-block;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 5px;
 }
 
 .footer-link {
@@ -599,17 +573,6 @@ h1 {
     color: var(--accent-dark);
 }
 
-.separator {
-    margin: 0 10px;
-    opacity: 0.5;
-}
-
-.github-icon {
-    width: 16px;
-    height: 16px;
-    fill: currentColor;
-}
-
 .footer-copyright {
     font-size: 0.85rem;
     color: var(--text-secondary);
@@ -617,37 +580,44 @@ h1 {
     margin-top: 10px;
 }
 
-footer {
-    text-align: center;
-    margin-top: 60px;
-    padding: 40px 20px 20px;
-    color: var(--text-secondary);
-    font-size: 0.9rem;
-    border-top: 1px solid var(--border-color);
-}
-
-footer p {
-    margin-bottom: 10px;
+.heart {
+    color: #e74c3c;
+    animation: heartbeat 1.5s ease-in-out infinite;
+    display: inline-block;
 }
 
-footer a {
-    color: var(--accent);
-    text-decoration: none;
-    font-weight: 600;
-    transition: opacity 0.2s ease;
+.separator {
+    margin: 0 5px;
+    opacity: 0.5;
 }
 
-footer a:hover {
-    opacity: 0.8;
+.github-icon {
+    width: 16px;
+    height: 16px;
+    fill: currentColor;
+    vertical-align: middle;
 }
 
-footer .github-link {
-    color: var(--text-secondary);
+@keyframes flipIn {
+    from {
+        transform: rotateX(-90deg);
+        opacity: 0;
+    }
+    to {
+        transform: rotateX(0);
+        opacity: 1;
+    }
 }
 
-footer .copyright {
-    font-size: 0.85rem;
-    opacity: 0.7;
+@keyframes dropDown {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
 }
 
 @keyframes slideIn {