html{scroll-behavior:smooth}body{margin:0;padding:0}.rotating-text{font-family:Nunito,sans-serif;font-weight:800;font-size:64px;color:#fff;position:relative;p{display:inline-flex;margin:0;vertical-align:top;.word{position:absolute;display:flex;opacity:0;margin-top:6px;white-space:nowrap;.letter{transform-origin:center center 25px;&.out{transform:rotateX(90deg);transition:.32s cubic-bezier(.6,0,.7,.2)}&.in{transition:.38s ease}&.behind{transform:rotateX(-90deg)}}}}}.alizarin,.peter-river,.wisteria{color:#fff}.fade-in-bottom{opacity:0}.fade-in-bottom.visible{animation:fade-in-bottom 2s cubic-bezier(.68,-.55,.265,1.55) both}@keyframes fade-in-bottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}#stars{animation:animStar 50s linear infinite}#stars,#stars:after{width:1px;height:1px;background:transparent;box-shadow:1px 1px #fff,2px 2px #fff,3px 3px #fff}#stars:after{content:" "}#stars2{animation:animStar 100s linear infinite}#stars2,#stars2:after{width:2px;height:2px;background:transparent;box-shadow:1px 1px #fff,2px 2px #fff,3px 3px #fff}#stars2:after{content:" "}#stars3{animation:animStar 150s linear infinite}#stars3,#stars3:after{width:3px;height:3px;background:transparent;box-shadow:1px 1px #fff,2px 2px #fff,3px 3px #fff}#stars3:after{content:" "}#title{color:#fff;text-align:center;font-family:lato,sans-serif;font-weight:300;font-size:50px;letter-spacing:10px;margin-top:-60px;padding-left:10px}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-1000px)}}