body{margin:0;font-family:Great Vibes,cursive}#root{position:relative}*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}:root{--dark-color: #000;--fl-speed: .8s}.flowers{position:fixed;bottom:0;left:50%;transform:translate(-50%) scale(.9);z-index:1000}.flower{position:absolute;bottom:0;transform-origin:bottom center;z-index:10}.flower--1{animation:moving-flower-1 4s linear infinite}.flower--1 .flower__line{height:70vmin;animation-delay:.3s}.flower--1 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 1.6s backwards}.flower--1 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 1.4s backwards}.flower--1 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 1.2s backwards}.flower--1 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1s backwards}.flower--1 .flower__line__leaf--5{animation:blooming-leaf-right var(--fl-speed) 1.8s backwards}.flower--1 .flower__line__leaf--6{animation:blooming-leaf-left var(--fl-speed) 2s backwards}.flower--2{left:50%;transform:rotate(20deg);animation:moving-flower-2 4s linear infinite}.flower--2 .flower__line{height:60vmin;animation-delay:.6s}.flower--2 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 1.9s backwards}.flower--2 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 1.7s backwards}.flower--2 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 1.5s backwards}.flower--2 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1.3s backwards}.flower--3{left:50%;transform:rotate(-15deg);animation:moving-flower-3 4s linear infinite}.flower--3 .flower__line{animation-delay:.9s}.flower--3 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 2.5s backwards}.flower--3 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 2.3s backwards}.flower--3 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 2.1s backwards}.flower--3 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1.9s backwards}.flower__leafs{position:relative;animation:blooming-flower 2s backwards}.flower__leafs--1{animation-delay:1.1s}.flower__leafs--2{animation-delay:1.4s}.flower__leafs--3{animation-delay:1.7s}.flower__leafs:after{content:"";position:absolute;left:0;top:0;transform:translate(-50%,-100%);width:8vmin;height:8vmin;background-color:#6bf0ff;filter:blur(10vmin)}.flower__leaf{position:absolute;bottom:0;left:50%;width:8vmin;height:11vmin;border-radius:51% 49% 47% 53%/44% 45% 55% 69%;background-color:#a7ffee;background-image:linear-gradient(to top,#54b8aa,#a7ffee);transform-origin:bottom center;opacity:.9;box-shadow:inset 0 0 2vmin #ffffff80}.flower__leaf--1{transform:translate(-10%,1%) rotateY(40deg) rotateX(-50deg)}.flower__leaf--2{transform:translate(-50%,-4%) rotateX(40deg)}.flower__leaf--3{transform:translate(-90%) rotateY(45deg) rotateX(50deg)}.flower__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:.8}.flower__white-circle{position:absolute;left:-3.5vmin;top:-3vmin;width:9vmin;height:4vmin;border-radius:50%;background-color:#fff}.flower__white-circle:after{content:"";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:inherit;background-image:linear-gradient(90deg,#ffeb12,#ffce00)}.flower__line{height:55vmin;width:1.5vmin;background-image:linear-gradient(to left,rgba(0,0,0,.2),transparent,rgba(255,255,255,.2)),linear-gradient(to top,transparent 10%,#14757a,#39c6d6);box-shadow:inset 0 0 2px #00000080;animation:grow-flower-tree 4s backwards}.flower__line__leaf{--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,#14757a66,#39c6d6)}.flower__line__leaf--1{transform:rotate(70deg) rotateY(30deg)}.flower__line__leaf--2{top:45%;transform:rotate(70deg) rotateY(30deg)}.flower__line__leaf--3,.flower__line__leaf--4,.flower__line__leaf--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)}.flower__line__leaf--4{top:40%}.flower__line__leaf--5{top:0;transform-origin:left;transform:rotate(70deg) rotateY(30deg) scale(.6)}.flower__line__leaf--6{top:-2%;left:-450%;transform-origin:right;transform:rotate(-70deg) rotateY(30deg) scale(.6)}.flower__light{position:absolute;bottom:0vmin;width:1vmin;height:1vmin;background-color:#fffb00;border-radius:50%;filter:blur(.2vmin);animation:light-ans 4s linear infinite backwards}.flower__light:nth-child(odd){background-color:#23f0ff}.flower__light--1{left:-2vmin;animation-delay:1s}.flower__light--2{left:3vmin;animation-delay:.5s}.flower__light--3{left:-6vmin;animation-delay:.3s}.flower__light--4{left:6vmin;animation-delay:.9s}.flower__light--5{left:-1vmin;animation-delay:1.5s}.flower__light--6{left:-4vmin;animation-delay:3s}.flower__light--7{left:3vmin;animation-delay:2s}.flower__light--8{left:-6vmin;animation-delay:3.5s}@keyframes moving-flower-1{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}@keyframes moving-flower-2{0%,to{transform:rotate(18deg)}50%{transform:rotate(14deg)}}@keyframes moving-flower-3{0%,to{transform:rotate(-18deg)}50%{transform:rotate(-20deg) rotateY(-10deg)}}@keyframes blooming-leaf-right{0%{transform-origin:left;transform:rotate(70deg) rotateY(30deg) scale(0)}}@keyframes blooming-leaf-left{0%{transform-origin:right;transform:rotate(-70deg) rotateY(30deg) scale(0)}}@keyframes grow-flower-tree{0%{height:0;border-radius:1vmin}}@keyframes blooming-flower{0%{transform:scale(0)}}@keyframes light-ans{0%{opacity:0;transform:translateY(0)}25%{opacity:1;transform:translateY(-5vmin) translate(-2vmin)}50%{opacity:1;transform:translateY(-15vmin) translate(2vmin);filter:blur(.2vmin)}75%{transform:translateY(-20vmin) translate(-2vmin);filter:blur(.2vmin)}to{transform:translateY(-30vmin);opacity:0;filter:blur(1vmin)}}.not-loaded *{animation-play-state:paused!important}