@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');body{margin:0;font-family:'Creepster',cursive;overflow:hidden}.image{background:linear-gradient(to right,#2C5364,#203A43,#0F2027);width:100%;height:100vh;position:relative}.image>svg{position:absolute}.hillgraves{bottom:0;mix-blend-mode:multiply}.hillgravespath{fill:#0f2935}.willmove{animation:willmove 3s infinite linear}@keyframes willmove{50%{transform:translateY(10%)}}.tree1{width:40%;bottom:20%;left:-10%;animation:tree1 5s infinite;opacity:70%}@keyframes tree1{50%{transform:rotate(-4deg)}}.tree2{width:40%;right:0;bottom:10%;animation:tree1 6s infinite;opacity:50%}.amoon{fill:none}.bmoon{clip-path:url(#a)}.cmoon{fill:#a9a9a9}.dmoon{fill:#bbb;stroke:#d1d0d1;stroke-miterlimit:10;stroke-width:8px}.moon{width:10%;left:0;right:0;margin:auto;filter:drop-shadow(0 0 30px white);top:10%;animation:moon 15s infinite}@keyframes moon{50%{transform:rotate(50deg) scale(1.5)}}.cloud{position:absolute;background:#999;border-radius:100%;filter:blur(50px);opacity:.7;mix-blend-mode:screen;animation:clouds 8s infinite linear;left:0}@keyframes clouds{100%{left:100%;transform:skewX(25deg) scaleX(0.5);opacity:1}}.secondhill{bottom:0;fill:#161a1b}#tree3{right:-30%;width:100%;transform:scale(1.3);animation:tree3 8s infinite linear}@keyframes tree3{50%{transform:scale(1.3) rotate(3deg)}}#tree4{width:60%;left:-20%;top:-20%;animation:tree4 5s infinite}@keyframes tree4{50%{left:-18%;transform:skewX(-3deg)}}.lasthill{bottom:0}.cloud.mist{background:#2b5262;animation-direction:reverse;transform:scale(1.5);opacity:0;mix-blend-mode:normal}.happyhalloween{position:absolute;left:0;right:0;margin:auto;width:fit-content;text-align:center;height:fit-content;bottom:0;top:0;display:flex;font-size:10vw}.happyhalloween span{display:inline-block;color:transparent;text-shadow:0 0 0 white;animation-duration:3s;animation-iteration-count:infinite}.happyhalloween span:nth-child(1){animation-name:happyhalloweenleft}.happyhalloween span:nth-child(2){animation-name:happyhalloweenleft;animation-delay:.3s}.happyhalloween span:nth-child(3){animation-name:happyhalloweenight;animation-delay:.6s}.happyhalloween span:nth-child(4){animation-name:happyhalloweenleft;animation-delay:.8s}.happyhalloween span:nth-child(5){animation-name:happyhalloweenight;animation-delay:1s;margin-right:.5em}.happyhalloween span:nth-child(6){animation-name:happyhalloweenight;animation-delay:1.3s}.happyhalloween span:nth-child(7){animation-name:happyhalloweenleft;animation-delay:1.6s}.happyhalloween span:nth-child(8){animation-name:happyhalloweenight;animation-delay:2s}.happyhalloween span:nth-child(9){animation-name:happyhalloweenight;animation-delay:2.3s}.happyhalloween span:nth-child(10){animation-name:happyhalloweenleft;animation-delay:2.5s}.happyhalloween span:nth-child(11){animation-name:happyhalloweenleft;animation-delay:2.8s}.happyhalloween span:nth-child(12){animation-name:happyhalloweenight;animation-delay:3s}.happyhalloween span:nth-child(13){animation-name:happyhalloweenight;animation-delay:3.3s}.happyhalloween span:nth-child(14){animation-name:happyhalloweenleft;animation-delay:3.5s}.happyhalloween span:nth-child(15){animation-name:happyhalloweenight;animation-delay:3.8s}@keyframes happyhalloweenleft{50%{transform:skew(50deg) translateY(-200%);text-shadow:0 0 50px;opacity:0}}@keyframes happyhalloweenight{50%{transform:skew(-50deg) translateY(-200%);text-shadow:0 0 50px;opacity:0}}