body{margin:0;height:100vh;-webkit-overflow-Y:hidden;-moz-overflow-Y:hidden;-o-overflow-Y:hidden;overflow-y:hidden;animation:fadeIn 1s ease-out 1}.background{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);min-height:100vh}.light{position:absolute;width:0;background-color:#fff;box-shadow:0 0 20px 2px #e9f1f1;opacity:0;top:100vh;bottom:0;left:0;right:0;margin:auto}.x1{animation:floatUp 4s linear infinite;transform:scale(1)}.x2{animation:floatUp 7s linear infinite;transform:scale(1.6);left:15%}.x3{animation:floatUp 2.5s linear infinite;transform:scale(.5);left:-15%}.x4{animation:floatUp 4.5s linear infinite;transform:scale(1.2);left:-34%}.x5{animation:floatUp 8s linear infinite;transform:scale(2.2);left:-57%}.x6{animation:floatUp 3s linear infinite;transform:scale(.8);left:-81%}.x7{animation:floatUp 5.3s linear infinite;transform:scale(3.2);left:37%}.x8{animation:floatUp 4.7s linear infinite;transform:scale(1.7);left:62%}.x9{animation:floatUp 4.1s linear infinite;transform:scale(.9);left:85%}button:focus{outline:none}@keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}.header{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:Roboto,sans-serif;font-weight:200;color:#fff;font-size:2em}#head1,#head2,#head3,#head4,#head5{opacity:0}#head1,#head2{animation:fadeOut 5s ease-in 1}#head2{animation-delay:6s}#head3{animation:fadeOut 5s ease-in 1;animation-delay:12s}#head4{animation:fadeOut 5s ease-in 1;animation-delay:17s}#head5{animation:finalFade 5s ease-in 1;animation-fill-mode:forwards;animation-delay:22s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:0}}@keyframes finalFade{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:1}}#footer{font-family:Roboto,sans-serif;font-size:1.2em;color:#fff;position:fixed;transform:translate(95vw,90vh)}