body,html{background-color:#000;margin:0;padding:0}body::-webkit-scrollbar,div::-webkit-scrollbar{display:none}div#subtitle{align-content:center;align-items:center;background:transparent;bottom:95vh;color:#fefef2;display:flex;flex-direction:column;flex-flow:column wrap;font-family:San Francisco,Helvetica Neue,Helvetica,Arial,Sans-Serif;font-size:20px;height:auto;justify-content:center;left:0;line-height:24px;position:absolute;text-align:left;text-shadow:3px 1px 4px #222;width:auto}div#hero{color:red;font-size:80;padding-top:100px}div#hero,div#hero video{height:100vh;width:100vw}div#hero video{animation:smooth-in .3s ease-out 0s 1;left:0;position:absolute;top:0}div#hero video.out{animation:smooth-out .3s ease-out 0s 1;opacity:0}@keyframes smooth-in{0%{opacity:0;transform:translateX(-100vw) scale(1)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes smooth-out{0%{opacity:1;transform:translateX(0) scale(1)}99%{opacity:0;transform:translateX(100vw) scale(.2)}to{opacity:0;transform:translateX(100vw) scale(.2)}}