From 465e615667cbc89d39e468387041d9ba0e76c305 Mon Sep 17 00:00:00 2001
From: Ruben <sneexy@disroot.org>
Date: Fri, 10 Oct 2025 16:02:09 -0500
Subject: [PATCH] .

---
 _includes/styles/animations.css | 12 --------
 _includes/styles/windows.css    | 51 ++-------------------------------
 2 files changed, 2 insertions(+), 61 deletions(-)

diff --git a/_includes/styles/animations.css b/_includes/styles/animations.css
index 438b847..7f4305d 100644
--- a/_includes/styles/animations.css
+++ b/_includes/styles/animations.css
@@ -7,18 +7,6 @@
 /  ╰───────────────────────────────────────────────────────╯
 /  animations - reusable css animations */
 
-@keyframes window-appear {
-    0% {
-        opacity: 0;
-        transform: scale(0.5, 0.5);
-    }
-
-    100% {
-        opacity: 1;
-        transform: scale(1, 1);
-    }
-}
-
 @keyframes rainbow {
     0% {
         filter: hue-rotate(0deg) contrast(150%) saturate(150%);
diff --git a/_includes/styles/windows.css b/_includes/styles/windows.css
index 26694a2..99eeccf 100644
--- a/_includes/styles/windows.css
+++ b/_includes/styles/windows.css
@@ -8,13 +8,13 @@
 /  windows - related styling for the windows on pages */
 
 .window {
-    animation-fill-mode: backwards;
     background-color: var(--background);
     border-radius: 2rem .6rem 2rem .6rem;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     color: var(--foreground);
     margin-bottom: 2em;
-    margin-left: 3rem;
+    margin-left: auto;
+    margin-right: auto;
     max-width: 60em;
     outline: var(--accent) solid .15rem;
     overflow: clip;
@@ -115,52 +115,6 @@
     animation-fill-mode: backwards;
 }
 
-/* rest of the windows if they exist, to finish the rest of the animations */
-.window:nth-child(2) {
-    animation: .3s ease-out .4s 1 window-appear;
-    animation-fill-mode: backwards;
-}
-
-.window:nth-child(3) {
-    animation: .3s ease-out .6s 1 window-appear;
-    animation-fill-mode: backwards;
-}
-
-.window:nth-child(4) {
-    animation: .3s ease-out .8s 1 window-appear;
-    animation-fill-mode: backwards;
-}
-
-.window:nth-child(5) {
-    animation: .3s ease-out 1s 1 window-appear;
-    animation-fill-mode: backwards;
-}
-
-.window:nth-child(6) {
-    animation: .3s ease-out 1.2s 1 window-appear;
-    animation-fill-mode: backwards;
-}
-
-.window:nth-child(7) {
-    animation: .3s ease-out 1.4s 1 window-appear;
-    animation-fill-mode: backwards;
-}
-
-.window:nth-child(8) {
-    animation: .3s ease-out 1.6s 1 window-appear;
-    animation-fill-mode: backwards;
-}
-
-.window:nth-child(9) {
-    animation: .3s ease-out 1.8s 1 window-appear;
-    animation-fill-mode: backwards;
-}
-
-.window:nth-child(10) {
-    animation: .3s ease-out 2s 1 window-appear;
-    animation-fill-mode: backwards;
-}
-
 /* modify widths and spacing depending on the size of the display */
 @media screen and (max-width: 1083px) {
     .window:not(#footer) {
@@ -182,7 +136,6 @@
             padding: .5rem;
         }
 
-        animation: unset !important;
         border-bottom: var(--accent) solid .15rem;
         border-left: unset !important;
         border-radius: unset !important;