body{animation-name:skycolor;animation-duration:20s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite}.button{position:absolute;cursor:pointer;padding:10px;left:50%;z-index:10;margin:7% 0 0 -309px}#top-layer{position:relative;height:85%;top:21px;position:absolute}.day{z-index:1;height:100%;width:100%;position:absolute;background:-moz-linear-gradient(top,#2acfff 0,#ffbaf4 82%,#fff 100%);background:-webkit-linear-gradient(top,#2acfff 0,#ffbaf4 82%,#fff 100%);background:linear-gradient(to bottom,#2acfff 0,#ffbaf4 82%,#fff 100%)}.tree-background{z-index:4;position:absolute;background:url(https://www.perfectcell.co.uk//email-assets/test/paris-webpage/trees-2.png) repeat-x center bottom;height:100%;width:100%;top:30%}.star-background{z-index:3;position:absolute;background:url(https://www.perfectcell.co.uk//email-assets/test/paris-webpage/stars-2.png) repeat-x center bottom;height:100%;width:100%;top:30%}.slider-text ul{list-style:none;display:flex;justify-content:center;font-size:3rem;list-style-type:none;gap:0}.slider-text ul li{animation-name:falling;animation-duration:calc(var(--i) * 2s)}@keyframes falling{0%{opacity:0;transform:translateY(-200px)}70%{opacity:1}100%{opacity:1;transform:translateY(0)}}#clouds{top:20%;width:100%;position:absolute}.cloud{width:300px;height:50px;position:relative;opacity:.3}.cloud:after,.cloud:before{content:'';position:absolute;width:300px;height:50px;position:absolute;top:-15px;left:10px;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-moz-transform:rotate(30deg)}.cloud:after{width:120px;height:120px;top:-55px;left:auto;right:15px}.x1{-webkit-animation:moveclouds 45s linear infinite;-moz-animation:moveclouds 45s linear infinite;-o-animation:moveclouds 45s linear infinite}.x2{left:200px;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);opacity:.6;-webkit-animation:moveclouds 55s linear infinite;-moz-animation:moveclouds 55s linear infinite;-o-animation:moveclouds 55s linear infinite}.x3{left:-250px;top:-200px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 50s linear infinite;-moz-animation:moveclouds 50s linear infinite;-o-animation:moveclouds 50s linear infinite}.x4{left:470px;top:-250px;-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);opacity:.75;-webkit-animation:moveclouds 48s linear infinite;-moz-animation:moveclouds 48s linear infinite;-o-animation:moveclouds 48s linear infinite}.x5{left:-150px;top:-150px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 50s linear infinite;-moz-animation:moveclouds 50s linear infinite;-o-animation:moveclouds 50s linear infinite}@-webkit-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}@-moz-keyframes moveclouds{0%{margin-left:2500px}100%{margin-left:-2500px}}@-o-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}a.repeat{display:inline-block;font-size:12px;text-transform:none;text-decoration:none;color:orange;padding:5px 12px;border:1px solid rgba(0,0,0,.15);font-weight:400;margin:0 0 0 50px;border-radius:3px;position:relative;bottom:15px}a.repeat:hover{background:rgba(0,0,0,.7);color:#fff}.one span{color:#24a8e6;opacity:0;transform:translate(-150px,-50px) rotate(-180deg) scale(3);animation:revolveScale .4s forwards}@keyframes revolveScale{60%{transform:translate(20px,20px) rotate(30deg) scale(.3)}100%{transform:translate(0) rotate(0) scale(1);opacity:1}}@keyframes ballDrop{60%{transform:translate(0,20px) rotate(-180deg) scale(.5)}100%{transform:translate(0) rotate(0) scale(1);opacity:1}}@keyframes sideSlide{60%{transform:translate(20px,0) scale(1);color:#b10e81}80%{transform:translate(20px,0) scale(1);color:#b10e81}99%{transform:translate(0) scale(1.2);color:#00f0ff}100%{transform:translate(0) scale(1);opacity:1;color:#b10e81}}.four span{color:#8d6a00;opacity:0;transform:translate(0,-100px) rotate(360deg) scale(0);animation:revolveDrop .3s forwards}@keyframes revolveDrop{30%{transform:translate(0,-50px) rotate(180deg) scale(1)}60%{transform:translate(0,20px) scale(.8) rotate(0)}100%{transform:translate(0) scale(1) rotate(0);opacity:1}}@keyframes dropVanish{30%{transform:translate(0,-50px) rotate(180deg) scale(1)}50%{transform:translate(0,20px) scale(.8) rotate(0);opacity:1}80%{transform:translate(-100px,-100px) scale(1.5) rotate(-180deg);opacity:0}100%{transform:translate(0) scale(1) rotate(0);opacity:1}}@keyframes twister{10%{opacity:1}100%{transform:rotate(0) translate(0);opacity:1}}@keyframes leftRight{40%{transform:translate(50px,0) scale(.7);opacity:1;color:#348c04}60%{color:#0f40ba}80%{transform:translate(0) scale(2);opacity:0}100%{transform:translate(0) scale(1);opacity:1}}