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