#greeting-animation{position:absolute;top:0;left:0;width:100%;height:100%}#greeting-animation.afternoon,#greeting-animation.morning{background:linear-gradient(0deg,#fff,#87cefa)}#greeting-animation.evening{background:linear-gradient(0deg,rgba(2,2,85,.749),hwb(240 1% 60%))}#evening-starfield{animation-duration:3s;animation-name:starfield}#evening-starfield .evening-star{height:2px;width:2px;background:#fff;box-shadow:0 0 3px #fff;position:absolute;border-radius:50%;animation-name:twinkle;animation-direction:alternate;animation-iteration-count:infinite}#evening-starfield .evening-star:first-of-type{right:33%;top:35%;animation-duration:1.5s;animation-delay:.3s}#evening-starfield .evening-star:nth-of-type(2){right:17%;top:30%;animation-duration:2s;animation-delay:1s}#evening-starfield .evening-star:nth-of-type(3){height:3px;width:3px;right:27%;top:60%;animation-duration:1s;animation-delay:.5s}#evening-starfield .evening-star:nth-of-type(4){right:14%;top:60%;animation-duration:.75s;animation-delay:2s}#evening-starfield .evening-star:nth-of-type(5){height:1px;width:1px;right:27%;top:20%;animation-duration:.5s;animation-delay:1s}#evening-starfield .evening-star:nth-of-type(6){right:23%;top:35%;animation-duration:2s;animation-delay:.75s}#moon{top:5px;right:5px;height:45px;width:45px;box-shadow:inset -4px 4px 12px 4px #fff1f9,inset -12px 12px 60px 4px rgba(0,0,0,.2),0 0 24px 1px #1b3040,0 0 80px 4px #fff1f9;z-index:0;animation-duration:3s;animation-name:moonrise}#moon,#moon:after,#moon:before{position:absolute;border-radius:100%;background-color:#fff1f9}#moon:after,#moon:before{content:"";opacity:.6}#moon:before{top:14%;right:26%;width:5%;height:10%;transform:rotate(-45deg);box-shadow:inset 0 0 6px 0 rgba(0,0,0,.19)}#moon:after{top:20%;right:30%;width:15%;height:20%;transform:rotate(-35deg);box-shadow:inset 1px 0 5px 1px rgba(0,0,0,.19)}#sun{z-index:1;position:absolute;height:60px;width:60px;border-radius:100%;top:-20px;left:-20px;animation-duration:3s;animation-name:sunrise;background-color:#fff623;background:radial-gradient(rgba(255,209,46,.85) 25.5%,rgba(255,246,35,.85) 70%)}.cloud{position:absolute;transform:translateY(-50px);background:#fff;border-radius:20px;box-shadow:0 6px 5px rgba(0,0,0,.1);animation-duration:1.5s;animation-name:cloudFall;animation-timing-function:cubic-bezier(.52,-.01,.48,1.27);animation-fill-mode:forwards}.cloud:after,.cloud:before{background:#fff;content:"";position:absolute}.cloud:after{border-radius:110%;height:60%;width:22%;left:13%;top:-36%}.cloud:before{border-radius:100%;width:50%;height:120%;right:19%;top:-58%}.cloud.cloud--one{right:5px;top:20px;height:15px;width:44px}.cloud.cloud--two{right:40px;top:30px;height:11px;width:31px;box-shadow:3px 1px 6px 1px rgba(0,0,0,.16);animation-delay:.2s;animation-duration:1.75s}@keyframes sunrise{0%{transform:translate(30px,100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes moonrise{0%{transform:translate(-17px,100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cloudFall{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes starfield{0%{opacity:0}to{opacity:1}}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}