diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..5951714
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,1053 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+*,
+*::after,
+*::before {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    font-family: 'Poppins', sans-serif;
+}
+:root {
+    --dark-color: #000;
+}
+
+body {
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    min-height: 100vh;
+    background: var(--dark-color);
+    overflow: hidden;
+    perspective: 1000px;
+}
+
+/* Load button outside screen */
+.item {
+    transform: translateY(-100px);
+}
+
+/* Show buttons */
+.show {
+    transform: translateY(0);
+    transition: 2s transform;
+}
+
+/* Top left logo */
+.logo-container {
+    position: absolute;
+    top: 25px;
+    left: 25px;
+    z-index: 999;
+}
+
+/* Top right buttons */
+.btn-container {
+    position: absolute;
+    top: 25px;
+    right: 25px;
+    z-index: 999;
+}
+
+/* Default button */
+.btn {
+    cursor: pointer;
+    background: white;
+    color: black;
+    font-size: 14px;
+    font-weight: 500;
+    padding: 6px 18px;
+    border-radius: 12px;
+    border: 2px solid transparent;
+}
+.btn:hover, .clear:hover {
+    opacity: 0.9;
+}
+
+/* Clear button */
+.clear {
+    background: none;
+    color: white;
+    border: 2px solid white;
+}
+
+/* Background */
+.night {
+    position: fixed;
+    left: 50%;
+    top: 0;
+    transform: translateX(-50%);
+    width: 100%;
+    height: 100%;
+    filter: blur(0.1vmin);
+    background-image: radial-gradient(ellipse at top, transparent 0%, var(--dark-color)), radial-gradient(ellipse at bottom, var(--dark-color), rgba(145, 233, 255, 0.2)), repeating-linear-gradient(220deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 19px, transparent 19px, transparent 22px), repeating-linear-gradient(189deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 19px, transparent 19px, transparent 22px), repeating-linear-gradient(148deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 19px, transparent 19px, transparent 22px), linear-gradient(90deg, rgb(0, 255, 250), rgb(240, 240, 240));
+}
+
+/* Flowers */
+.flowers {
+    position: relative;
+    transform: scale(0.9);
+}
+
+.flower {
+    position: absolute;
+    bottom: 10vmin;
+    transform-origin: bottom center;
+    z-index: 10;
+    --fl-speed: 0.8s;
+}
+.flower--1 {
+    animation: mv-fl-1 4s linear infinite;
+}
+.flower--1 .fl-stem {
+    height: 70vmin;
+    animation-delay: 0.3s;
+}
+.flower--1 .fl-stem-lf--1 {
+    animation: bloom-lf-r var(--fl-speed) 1.6s backwards;
+}
+.flower--1 .fl-stem-lf--2 {
+    animation: bloom-lf-r var(--fl-speed) 1.4s backwards;
+}
+.flower--1 .fl-stem-lf--3 {
+    animation: bloom-lf-l var(--fl-speed) 1.2s backwards;
+}
+.flower--1 .fl-stem-lf--4 {
+    animation: bloom-lf-l var(--fl-speed) 1s backwards;
+}
+.flower--1 .fl-stem-lf--5 {
+    animation: bloom-lf-r var(--fl-speed) 1.8s backwards;
+}
+.flower--1 .fl-stem-lf--6 {
+    animation: bloom-lf-l var(--fl-speed) 2s backwards;
+}
+.flower--2 {
+    left: 50%;
+    transform: rotate(20deg);
+    animation: mv-fl-2 4s linear infinite;
+}
+.flower--2 .fl-stem {
+    height: 60vmin;
+    animation-delay: 0.6s;
+}
+.flower--2 .fl-stem-lf--1 {
+    animation: bloom-lf-r var(--fl-speed) 1.9s backwards;
+}
+.flower--2 .fl-stem-lf--2 {
+    animation: bloom-lf-r var(--fl-speed) 1.7s backwards;
+}
+.flower--2 .fl-stem-lf--3 {
+    animation: bloom-lf-l var(--fl-speed) 1.5s backwards;
+}
+.flower--2 .fl-stem-lf--4 {
+    animation: bloom-lf-l var(--fl-speed) 1.3s backwards;
+}
+.flower--3 {
+    left: 50%;
+    transform: rotate(-15deg);
+    animation: mv-fl-3 4s linear infinite;
+}
+.flower--3 .fl-stem {
+    animation-delay: 0.9s;
+}
+.flower--3 .fl-stem-lf--1 {
+    animation: bloom-lf-r var(--fl-speed) 2.5s backwards;
+}
+.flower--3 .fl-stem-lf--2 {
+    animation: bloom-lf-r var(--fl-speed) 2.3s backwards;
+}
+.flower--3 .fl-stem-lf--3 {
+    animation: bloom-lf-l var(--fl-speed) 2.1s backwards;
+}
+.flower--3 .fl-stem-lf--4 {
+    animation: bloom-lf-l var(--fl-speed) 1.9s backwards;
+}
+.fl-lfs {
+    position: relative;
+    animation: blooming-flower 2s backwards;
+}
+.fl-lfs--1 {
+    animation-delay: 1.1s;
+}
+.fl-lfs--2 {
+    animation-delay: 1.4s;
+}
+.fl-lfs--3 {
+    animation-delay: 1.7s;
+}
+.fl-lfs::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    transform: translate(-50%, -100%);
+    width: 8vmin;
+    height: 8vmin;
+    background: #6bf0ff;
+    filter: blur(10vmin);
+}
+.fl-leaf {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    width: 8vmin;
+    height: 11vmin;
+    border-radius: 51% 49% 47% 53%/44% 45% 55% 69%;
+    background: #a7ffee;
+    background-image: linear-gradient(to top, #54b8aa, #a7ffee);
+    transform-origin: bottom center;
+    opacity: 0.9;
+    box-shadow: inset 0 0 2vmin rgba(255, 255, 255, 0.5);
+}
+.fl-leaf--1 {
+    transform: translate(-10%, 1%) rotateY(40deg) rotateX(-50deg);
+}
+.fl-leaf--2 {
+    transform: translate(-50%, -4%) rotateX(40deg);
+}
+.fl-leaf--3 {
+    transform: translate(-90%, 0%) rotateY(45deg) rotateX(50deg);
+}
+.fl-leaf--4 {
+    width: 8vmin;
+    height: 8vmin;
+    transform-origin: bottom left;
+    border-radius: 4vmin 10vmin 4vmin 4vmin;
+    transform: translate(0%, 18%) rotateX(70deg) rotate(-43deg);
+    background-image: linear-gradient(to top, #39c6d6, #a7ffee);
+    z-index: 1;
+    opacity: 0.8;
+}
+.fl-white-circle {
+    position: absolute;
+    left: -3.5vmin;
+    top: -3vmin;
+    width: 9vmin;
+    height: 4vmin;
+    border-radius: 50%;
+    background: #fff;
+}
+.fl-white-circle::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    top: 45%;
+    transform: translate(-50%, -50%);
+    width: 60%;
+    height: 60%;
+    border-radius: inherit;
+    background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(67.5deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(112.5deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(112.5deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(22.5deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(22.5deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(157.5deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(67.5deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(67.5deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px), linear-gradient(90deg, rgb(255, 235, 18), rgb(255, 206, 0));
+}
+.fl-stem {
+    height: 55vmin;
+    width: 1.5vmin;
+    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, rgba(255, 255, 255, 0.2)), linear-gradient(to top, transparent 10%, #14757a, #39c6d6);
+    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
+    animation: gw-fl-tree 4s backwards;
+}
+.fl-stem-lf {
+    --w: 7vmin;
+    --h: calc(var(--w) + 2vmin);
+    position: absolute;
+    top: 20%;
+    left: 90%;
+    width: var(--w);
+    height: var(--h);
+    border-top-right-radius: var(--h);
+    border-bottom-left-radius: var(--h);
+    background-image: linear-gradient(to top, rgba(20, 117, 122, 0.4), #39c6d6);
+}
+.fl-stem-lf--1 {
+    transform: rotate(70deg) rotateY(30deg);
+}
+.fl-stem-lf--2 {
+    top: 45%;
+    transform: rotate(70deg) rotateY(30deg);
+}
+.fl-stem-lf--3, .fl-stem-lf--4, .fl-stem-lf--6 {
+    border-top-right-radius: 0;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: var(--h);
+    border-bottom-right-radius: var(--h);
+    left: -460%;
+    top: 12%;
+    transform: rotate(-70deg) rotateY(30deg);
+}
+.fl-stem-lf--4 {
+    top: 40%;
+}
+.fl-stem-lf--5 {
+    top: 0;
+    transform-origin: left;
+    transform: rotate(70deg) rotateY(30deg) scale(0.6);
+}
+.fl-stem-lf--6 {
+    top: -2%;
+    left: -450%;
+    transform-origin: right;
+    transform: rotate(-70deg) rotateY(30deg) scale(0.6);
+}
+.fl-light {
+    position: absolute;
+    bottom: 0vmin;
+    width: 1vmin;
+    height: 1vmin;
+    background: rgb(255, 251, 0);
+    border-radius: 50%;
+    filter: blur(0.2vmin);
+    animation: light-ans 4s linear infinite backwards;
+}
+.fl-light:nth-child(odd) {
+    background: #23f0ff;
+}
+.fl-light--1 {
+    left: -2vmin;
+    animation-delay: 1s;
+}
+.fl-light--2 {
+    left: 3vmin;
+    animation-delay: 0.5s;
+}
+.fl-light--3 {
+    left: -6vmin;
+    animation-delay: 0.3s;
+}
+.fl-light--4 {
+    left: 6vmin;
+    animation-delay: 0.9s;
+}
+.fl-light--5 {
+    left: -1vmin;
+    animation-delay: 1.5s;
+}
+.fl-light--6 {
+    left: -4vmin;
+    animation-delay: 3s;
+}
+.fl-light--7 {
+    left: 3vmin;
+    animation-delay: 2s;
+}
+.fl-light--8 {
+    left: -6vmin;
+    animation-delay: 3.5s;
+}
+.fl-grass {
+    --c: #159faa;
+    --line-w: 1.5vmin;
+    position: absolute;
+    bottom: 12vmin;
+    left: -7vmin;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    z-index: 20;
+    transform-origin: bottom center;
+    transform: rotate(-48deg) rotateY(40deg);
+}
+.fl-grass--1 {
+    animation: mv-grass 2s linear infinite;
+}
+.fl-grass--2 {
+    left: 2vmin;
+    bottom: 10vmin;
+    transform: scale(0.5) rotate(75deg) rotateX(10deg) rotateY(-200deg);
+    opacity: 0.8;
+    z-index: 0;
+    animation: mv-grass--2 1.5s linear infinite;
+}
+.fl-grass-t {
+    width: 7vmin;
+    height: 10vmin;
+    border-top-right-radius: 100%;
+    border-right: var(--line-w) solid var(--c);
+    transform-origin: bottom center;
+    transform: rotate(-2deg);
+}
+.fl-grass-b {
+    margin-top: -2px;
+    width: var(--line-w);
+    height: 25vmin;
+    background-image: linear-gradient(to top, transparent, var(--c));
+}
+.fl-grass-lf {
+    --size: 10vmin;
+    position: absolute;
+    width: calc(var(--size) * 2.1);
+    height: var(--size);
+    border-top-left-radius: var(--size);
+    border-top-right-radius: var(--size);
+    background-image: linear-gradient(to top, transparent, transparent 30%, var(--c));
+    z-index: 100;
+}
+.fl-grass-lf--1 {
+    top: -6%;
+    left: 30%;
+    --size: 6vmin;
+    transform: rotate(-20deg);
+    animation: gw-grass-ans--1 2s 2.6s backwards;
+}
+@keyframes gw-grass-ans--1 {
+    0% {
+      transform-origin: bottom left;
+      transform: rotate(-20deg) scale(0);
+    }
+}
+.fl-grass-lf--2 {
+    top: -5%;
+    left: -110%;
+    --size: 6vmin;
+    transform: rotate(10deg);
+    animation: gw-grass-ans--2 2s 2.4s linear backwards;
+}
+@keyframes gw-grass-ans--2 {
+    0% {
+      transform-origin: bottom right;
+      transform: rotate(10deg) scale(0);
+    }
+}
+.fl-grass-lf--3 {
+    top: 5%;
+    left: 60%;
+    --size: 8vmin;
+    transform: rotate(-18deg) rotateX(-20deg);
+    animation: gw-grass-ans--3 2s 2.2s linear backwards;
+}
+@keyframes gw-grass-ans--3 {
+    0% {
+      transform-origin: bottom left;
+      transform: rotate(-18deg) rotateX(-20deg) scale(0);
+    }
+}
+.fl-grass-lf--4 {
+    top: 6%;
+    left: -135%;
+    --size: 8vmin;
+    transform: rotate(2deg);
+    animation: gw-grass-ans--4 2s 2s linear backwards;
+}
+@keyframes gw-grass-ans--4 {
+    0% {
+      transform-origin: bottom right;
+      transform: rotate(2deg) scale(0);
+    }
+}
+.fl-grass-lf--5 {
+    top: 20%;
+    left: 60%;
+    --size: 10vmin;
+    transform: rotate(-24deg) rotateX(-20deg);
+    animation: gw-grass-ans--5 2s 1.8s linear backwards;
+}
+@keyframes gw-grass-ans--5 {
+    0% {
+      transform-origin: bottom left;
+      transform: rotate(-24deg) rotateX(-20deg) scale(0);
+    }
+}
+.fl-grass-lf--6 {
+    top: 22%;
+    left: -180%;
+    --size: 10vmin;
+    transform: rotate(10deg);
+    animation: gw-grass-ans--6 2s 1.6s linear backwards;
+}
+@keyframes gw-grass-ans--6 {
+    0% {
+      transform-origin: bottom right;
+      transform: rotate(10deg) scale(0);
+    }
+}
+.fl-grass-lf--7 {
+    top: 39%;
+    left: 70%;
+    --size: 10vmin;
+    transform: rotate(-10deg);
+    animation: gw-grass-ans--7 2s 1.4s linear backwards;
+}
+@keyframes gw-grass-ans--7 {
+    0% {
+      transform-origin: bottom left;
+      transform: rotate(-10deg) scale(0);
+    }
+}
+.fl-grass-lf--8 {
+    top: 40%;
+    left: -215%;
+    --size: 11vmin;
+    transform: rotate(10deg);
+    animation: gw-grass-ans--8 2s 1.2s linear backwards;
+}
+@keyframes gw-grass-ans--8 {
+    0% {
+      transform-origin: bottom right;
+      transform: rotate(10deg) scale(0);
+    }
+}
+.fl-grass-over {
+    position: absolute;
+    top: -10%;
+    right: 0%;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.6);
+    filter: blur(1.5vmin);
+    z-index: 100;
+}
+.fl-gw-lg {
+    --w: 2vmin;
+    --h: 6vmin;
+    --c: #159faa;
+    position: absolute;
+    bottom: 10vmin;
+    left: -3vmin;
+    transform-origin: bottom center;
+    transform: rotate(-30deg) rotateY(-20deg);
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    animation: fl-gw-lg-ans 3s linear infinite;
+}
+@keyframes fl-gw-lg-ans {
+    0%, 100% {
+      transform: rotate(-30deg) rotateY(-20deg);
+    }
+    50% {
+      transform: rotate(-32deg) rotateY(-20deg);
+    }
+}
+.fl-gw-lg-t {
+    top: calc(var(--h) * -1);
+    width: calc(var(--w) + 1vmin);
+    height: var(--h);
+    border-top-right-radius: 100%;
+    border-right: 0.7vmin solid var(--c);
+    transform: translate(-0.7vmin, 1vmin);
+}
+.fl-gw-lg-b {
+    width: var(--w);
+    height: 50vmin;
+    transform-origin: bottom center;
+    background-image: linear-gradient(to top, transparent 30%, var(--c));
+    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
+    clip-path: polygon(35% 0, 65% 1%, 100% 100%, 0% 100%);
+}
+.fl-gw-r {
+    position: absolute;
+    bottom: 6vmin;
+    left: -2vmin;
+    transform-origin: bottom left;
+    transform: rotate(20deg);
+}
+.fl-gw-r .leaf {
+    width: 30vmin;
+    height: 50vmin;
+    border-top-left-radius: 100%;
+    border-left: 2vmin solid #079097;
+    background-image: linear-gradient(to bottom, transparent, var(--dark-color) 60%);
+    mask-image: linear-gradient(to top, transparent 30%, #079097 60%);
+}
+.fl-gw-r--1 {
+    animation: fl-gw-r-ans 2.5s linear infinite;
+}
+.fl-gw-r--2 {
+    left: 5vmin;
+    transform: rotateY(-180deg);
+    animation: fl-gw-r-ans--2 3s linear infinite;
+}
+.fl-gw-r--2 .leaf {
+    height: 75vmin;
+    filter: blur(0.3vmin);
+    opacity: 0.8;
+}
+@keyframes fl-gw-r-ans {
+    0%, 100% {
+      transform: rotate(20deg);
+    }
+    50% {
+      transform: rotate(24deg) rotateX(-20deg);
+    }
+}
+@keyframes fl-gw-r-ans--2 {
+    0%, 100% {
+      transform: rotateY(-180deg) rotate(0deg) rotateX(-20deg);
+    }
+    50% {
+      transform: rotateY(-180deg) rotate(6deg) rotateX(-20deg);
+    }
+}
+.fl-gw-front {
+    position: absolute;
+    bottom: 6vmin;
+    left: 2.5vmin;
+    z-index: 100;
+    transform-origin: bottom center;
+    transform: rotate(-28deg) rotateY(30deg) scale(1.04);
+    animation: fl-gw-front-ans 2s linear infinite;
+}
+@keyframes fl-gw-front-ans {
+    0%, 100% {
+      transform: rotate(-28deg) rotateY(30deg) scale(1.04);
+    }
+    50% {
+      transform: rotate(-35deg) rotateY(40deg) scale(1.04);
+    }
+}
+.fl-gw-front-stem {
+    width: 0.3vmin;
+    height: 20vmin;
+    background-image: linear-gradient(to top, transparent, #079097, transparent 100%);
+    position: relative;
+}
+.fl-gw-front-lf-wrap {
+    position: absolute;
+    top: 0;
+    left: 0;
+    transform-origin: bottom left;
+    transform: rotate(10deg);
+}
+.fl-gw-front-lf-wrap:nth-child(even) {
+    left: 0vmin;
+    transform: rotateY(-180deg) rotate(5deg);
+    animation: fl-gw-fr-lf-l-ans 1s ease-in backwards;
+}
+.fl-gw-front-lf-wrap:nth-child(odd) {
+    animation: fl-gw-fr-lf-ans 1s ease-in backwards;
+}
+.fl-gw-front-lf-wrap--1 {
+    top: -8vmin;
+    transform: scale(0.7);
+    animation: fl-gw-fr-lf-ans 1s 5.5s ease-in backwards !important;
+}
+.fl-gw-front-lf-wrap--2 {
+    top: -8vmin;
+    transform: rotateY(-180deg) scale(0.7) !important;
+    animation: fl-gw-fr-lf-l-ans-2 1s 4.6s ease-in backwards !important;
+}
+.fl-gw-front-lf-wrap--3 {
+    top: -3vmin;
+    animation: fl-gw-fr-lf-ans 1s 4.6s ease-in backwards;
+}
+.fl-gw-front-lf-wrap--4 {
+    top: -3vmin;
+    transform: rotateY(-180deg) scale(0.9) !important;
+    animation: fl-gw-fr-lf-l-ans-2 1s 4.6s ease-in backwards !important;
+}
+@keyframes fl-gw-fr-lf-l-ans-2 {
+    0% {
+      transform: rotateY(-180deg) scale(0);
+    }
+}
+.fl-gw-front-lf-wrap--5, .fl-gw-front-lf-wrap--6 {
+    top: 2vmin;
+}
+.fl-gw-front-lf-wrap--7, .fl-gw-front-lf-wrap--8 {
+    top: 6.5vmin;
+}
+.fl-gw-front-lf-wrap--2 {
+    animation-delay: 5.2s !important;
+}
+.fl-gw-front-lf-wrap--3 {
+    animation-delay: 4.9s !important;
+}
+.fl-gw-front-lf-wrap--5 {
+    animation-delay: 4.3s !important;
+}
+.fl-gw-front-lf-wrap--6 {
+    animation-delay: 4.1s !important;
+}
+.fl-gw-front-lf-wrap--7 {
+    animation-delay: 3.8s !important;
+}
+.fl-gw-front-lf-wrap--8 {
+    animation-delay: 3.5s !important;
+}
+@keyframes fl-gw-fr-lf-ans {
+    0% {
+      transform: rotate(10deg) scale(0);
+    }
+}
+@keyframes fl-gw-fr-lf-l-ans {
+    0% {
+      transform: rotateY(-180deg) rotate(5deg) scale(0);
+    }
+}
+.fl-gw-front-lf {
+    width: 10vmin;
+    height: 10vmin;
+    border-radius: 100% 0% 0% 100%/100% 100% 0% 0%;
+    box-shadow: inset 0 2px 1vmin hsla(184, 97%, 58%, 0.2);
+    background-image: linear-gradient(to bottom left, transparent, var(--dark-color)), linear-gradient(to bottom right, #159faa 50%, transparent 50%, transparent);
+    mask-image: linear-gradient(to bottom right, #159faa 50%, transparent 50%, transparent);
+    mask-image: linear-gradient(to bottom right, #159faa 50%, transparent 50%, transparent);
+}
+.fl-gw-fr {
+    position: absolute;
+    bottom: -4vmin;
+    left: vmin;
+    transform-origin: bottom left;
+    z-index: 10;
+    animation: fl-gw-fr-ans 2s linear infinite;
+}
+@keyframes fl-gw-fr-ans {
+    0%, 100% {
+      transform: rotate(2deg);
+    }
+    50% {
+      transform: rotate(4deg);
+    }
+}
+.fl-gw-fr .leaf {
+    width: 30vmin;
+    height: 50vmin;
+    border-top-left-radius: 100%;
+    border-left: 2vmin solid #079097;
+    mask-image: linear-gradient(to top, transparent 25%, #079097 50%);
+    position: relative;
+    z-index: 1;
+}
+.fl-gw-fr-lf {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 10vmin;
+    height: 10vmin;
+    border-radius: 100% 0% 0% 100%/100% 100% 0% 0%;
+    box-shadow: inset 0 2px 1vmin hsla(184, 97%, 58%, 0.2);
+    background-image: linear-gradient(to bottom left, transparent, var(--dark-color) 98%), linear-gradient(to bottom right, #23f0ff 45%, transparent 50%, transparent);
+    mask-image: linear-gradient(135deg, #159faa 40%, transparent 50%, transparent);
+}
+.fl-gw-fr-lf--1 {
+    left: 20vmin;
+    transform: rotate(45deg);
+    animation: fl-gw-fr-leaf-t-ans-1 0.5s 5.2s linear backwards;
+}
+@keyframes fl-gw-fr-leaf-t-ans-1 {
+    0% {
+      transform-origin: left;
+      transform: rotate(45deg) scale(0);
+    }
+}
+.fl-gw-fr-lf--2 {
+    left: 12vmin;
+    top: -7vmin;
+    transform: rotate(25deg) rotateY(-180deg);
+    animation: fl-gw-fr-leaf-t-ans-6 0.5s 5s linear backwards;
+}
+.fl-gw-fr-lf--3 {
+    left: 15vmin;
+    top: 6vmin;
+    transform: rotate(55deg);
+    animation: fl-gw-fr-leaf-t-ans-5 0.5s 4.8s linear backwards;
+}
+.fl-gw-fr-lf--4 {
+    left: 6vmin;
+    top: -2vmin;
+    transform: rotate(25deg) rotateY(-180deg);
+    animation: fl-gw-fr-leaf-t-ans-6 0.5s 4.6s linear backwards;
+}
+.fl-gw-fr-lf--5 {
+    left: 10vmin;
+    top: 14vmin;
+    transform: rotate(55deg);
+    animation: fl-gw-fr-leaf-t-ans-5 0.5s 4.4s linear backwards;
+}
+@keyframes fl-gw-fr-leaf-t-ans-5 {
+    0% {
+      transform-origin: left;
+      transform: rotate(55deg) scale(0);
+    }
+}
+.fl-gw-fr-lf--6 {
+    left: 0vmin;
+    top: 6vmin;
+    transform: rotate(25deg) rotateY(-180deg);
+    animation: fl-gw-fr-leaf-t-ans-6 0.5s 4.2s linear backwards;
+}
+@keyframes fl-gw-fr-leaf-t-ans-6 {
+    0% {
+      transform-origin: right;
+      transform: rotate(25deg) rotateY(-180deg) scale(0);
+    }
+}
+.fl-gw-fr-lf--7 {
+    left: 5vmin;
+    top: 22vmin;
+    transform: rotate(45deg);
+    animation: fl-gw-fr-leaf-t-ans-7 0.5s 4s linear backwards;
+}
+@keyframes fl-gw-fr-leaf-t-ans-7 {
+    0% {
+      transform-origin: left;
+      transform: rotate(45deg) scale(0);
+    }
+}
+.fl-gw-fr-lf--8 {
+    left: -4vmin;
+    top: 15vmin;
+    transform: rotate(15deg) rotateY(-180deg);
+    animation: fl-gw-fr-leaf-t-ans-8 0.5s 3.8s linear backwards;
+}
+@keyframes fl-gw-fr-leaf-t-ans-8 {
+    0% {
+      transform-origin: right;
+      transform: rotate(15deg) rotateY(-180deg) scale(0);
+    }
+}
+
+.long-g {
+    position: absolute;
+    bottom: 25vmin;
+    left: -42vmin;
+    transform-origin: bottom left;
+}
+.long-g--1 {
+    bottom: 0vmin;
+    transform: scale(0.8) rotate(-5deg);
+}
+.long-g--1 .leaf {
+    mask-image: linear-gradient(to top, transparent 40%, #079097 80%) !important;
+}
+.long-g--1 .leaf--1 {
+    --w: 5vmin;
+    --h: 60vmin;
+    left: -2vmin;
+    transform: rotate(3deg) rotateY(-180deg);
+}
+.long-g--2, .long-g--3 {
+    bottom: -3vmin;
+    left: -35vmin;
+    transform-origin: center;
+    transform: scale(0.6) rotateX(60deg);
+}
+.long-g--2 .leaf, .long-g--3 .leaf {
+    mask-image: linear-gradient(to top, transparent 50%, #079097 80%) !important;
+}
+.long-g--2 .leaf--1, .long-g--3 .leaf--1 {
+    left: -1vmin;
+    transform: rotateY(-180deg);
+}
+.long-g--3 {
+    left: -17vmin;
+    bottom: 0vmin;
+}
+.long-g--3 .leaf {
+    mask-image: linear-gradient(to top, transparent 40%, #079097 80%) !important;
+}
+.long-g--4 {
+    left: 25vmin;
+    bottom: -3vmin;
+    transform-origin: center;
+    transform: scale(0.6) rotateX(60deg);
+}
+.long-g--4 .leaf {
+    mask-image: linear-gradient(to top, transparent 50%, #079097 80%) !important;
+}
+.long-g--5 {
+    left: 42vmin;
+    bottom: 0vmin;
+    transform: scale(0.8) rotate(2deg);
+}
+.long-g--6 {
+    left: 0vmin;
+    bottom: -20vmin;
+    z-index: 100;
+    filter: blur(0.3vmin);
+    transform: scale(0.8) rotate(2deg);
+}
+.long-g--7 {
+    left: 35vmin;
+    bottom: 20vmin;
+    z-index: -1;
+    filter: blur(0.3vmin);
+    transform: scale(0.6) rotate(2deg);
+    opacity: 0.7;
+}
+.long-g .leaf {
+    --w: 15vmin;
+    --h: 40vmin;
+    --c: #1aaa15;
+    position: absolute;
+    bottom: 0;
+    width: var(--w);
+    height: var(--h);
+    border-top-left-radius: 100%;
+    border-left: 2vmin solid var(--c);
+    mask-image: linear-gradient(to top, transparent 20%, var(--dark-color));
+    transform-origin: bottom center;
+}
+.long-g .leaf--0 {
+    left: 2vmin;
+    animation: lf-ans-1 4s linear infinite;
+}
+.long-g .leaf--1 {
+    --w: 5vmin;
+    --h: 60vmin;
+    animation: lf-ans-1 4s linear infinite;
+}
+.long-g .leaf--2 {
+    --w: 10vmin;
+    --h: 40vmin;
+    left: -0.5vmin;
+    bottom: 5vmin;
+    transform-origin: bottom left;
+    transform: rotateY(-180deg);
+    animation: lf-ans-2 3s linear infinite;
+}
+.long-g .leaf--3 {
+    --w: 5vmin;
+    --h: 30vmin;
+    left: -1vmin;
+    bottom: 3.2vmin;
+    transform-origin: bottom left;
+    transform: rotate(-10deg) rotateY(-180deg);
+    animation: lf-ans-3 3s linear infinite;
+}
+
+@keyframes lf-ans-1 {
+    0%, 100% {
+      transform: rotate(-5deg) scale(1);
+    }
+    50% {
+      transform: rotate(5deg) scale(1.1);
+    }
+}
+@keyframes lf-ans-2 {
+    0%, 100% {
+      transform: rotateY(-180deg) rotate(5deg);
+    }
+    50% {
+      transform: rotateY(-180deg) rotate(0deg) scale(1.1);
+    }
+}
+@keyframes lf-ans-3 {
+    0%, 100% {
+      transform: rotate(-10deg) rotateY(-180deg);
+    }
+    50% {
+      transform: rotate(-20deg) rotateY(-180deg);
+    }
+}
+.grow-ans {
+    animation: grow-ans 2s var(--d) backwards;
+}
+
+@keyframes grow-ans {
+    0% {
+      transform: scale(0);
+      opacity: 0;
+    }
+}
+@keyframes light-ans {
+    0% {
+      opacity: 0;
+      transform: translateY(0vmin);
+    }
+    25% {
+      opacity: 1;
+      transform: translateY(-5vmin) translateX(-2vmin);
+    }
+    50% {
+      opacity: 1;
+      transform: translateY(-15vmin) translateX(2vmin);
+      filter: blur(0.2vmin);
+    }
+    75% {
+      transform: translateY(-20vmin) translateX(-2vmin);
+      filter: blur(0.2vmin);
+    }
+    100% {
+      transform: translateY(-30vmin);
+      opacity: 0;
+      filter: blur(1vmin);
+    }
+}
+@keyframes mv-fl-1 {
+    0%, 100% {
+      transform: rotate(2deg);
+    }
+    50% {
+      transform: rotate(-2deg);
+    }
+}
+@keyframes mv-fl-2 {
+    0%, 100% {
+      transform: rotate(18deg);
+    }
+    50% {
+      transform: rotate(14deg);
+    }
+}
+@keyframes mv-fl-3 {
+    0%, 100% {
+      transform: rotate(-18deg);
+    }
+    50% {
+      transform: rotate(-20deg) rotateY(-10deg);
+    }
+}
+@keyframes bloom-lf-r {
+    0% {
+      transform-origin: left;
+      transform: rotate(70deg) rotateY(30deg) scale(0);
+    }
+}
+@keyframes bloom-lf-l {
+    0% {
+      transform-origin: right;
+      transform: rotate(-70deg) rotateY(30deg) scale(0);
+    }
+}
+@keyframes gw-fl-tree {
+    0% {
+      height: 0;
+      border-radius: 1vmin;
+    }
+}
+@keyframes blooming-flower {
+    0% {
+      transform: scale(0);
+    }
+}
+@keyframes mv-grass {
+    0%, 100% {
+      transform: rotate(-48deg) rotateY(40deg);
+    }
+    50% {
+      transform: rotate(-50deg) rotateY(40deg);
+    }
+}
+@keyframes mv-grass--2 {
+    0%, 100% {
+      transform: scale(0.5) rotate(75deg) rotateX(10deg) rotateY(-200deg);
+    }
+    50% {
+      transform: scale(0.5) rotate(79deg) rotateX(10deg) rotateY(-200deg);
+    }
+}
+.growing-grass {
+    animation: growing-grass-ans 1s 2s backwards;
+}
+
+@keyframes growing-grass-ans {
+    0% {
+      transform: scale(0);
+    }
+}
+
+/* Pause animation on load */
+.not-loaded * {
+    animation-play-state: paused !important;
+}
+
+/* Tablet & Mobile version */
+@media (max-width: 900px), (max-width: 600px) {
+    img {
+        width: 28px;
+    }
+    .btn {
+        padding: 4px 16px;
+        border-radius: 8px;
+        font-size: 12px;
+    }
+}
\ No newline at end of file