.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{-webkit-animation:floatUp 4s linear infinite;-moz-animation:floatUp 4s linear infinite;-o-animation:floatUp 4s linear infinite;animation:floatUp 4s linear infinite;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.x2{-webkit-animation:floatUp 7s linear infinite;-moz-animation:floatUp 7s linear infinite;-o-animation:floatUp 7s linear infinite;animation:floatUp 7s linear infinite;-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6);left:15%}.x3{-webkit-animation:floatUp 2.5s linear infinite;-moz-animation:floatUp 2.5s linear infinite;-o-animation:floatUp 2.5s linear infinite;animation:floatUp 2.5s linear infinite;-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);left:-15%}.x4{-webkit-animation:floatUp 4.5s linear infinite;-moz-animation:floatUp 4.5s linear infinite;-o-animation:floatUp 4.5s linear infinite;animation:floatUp 4.5s linear infinite;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);left:-34%}.x5{-webkit-animation:floatUp 8s linear infinite;-moz-animation:floatUp 8s linear infinite;-o-animation:floatUp 8s linear infinite;animation:floatUp 8s linear infinite;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2);left:-57%}.x6{-webkit-animation:floatUp 3s linear infinite;-moz-animation:floatUp 3s linear infinite;-o-animation:floatUp 3s linear infinite;animation:floatUp 3s linear infinite;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);left:-81%}.x7{-webkit-animation:floatUp 5.3s linear infinite;-moz-animation:floatUp 5.3s linear infinite;-o-animation:floatUp 5.3s linear infinite;animation:floatUp 5.3s linear infinite;-webkit-transform:scale(3.2);-moz-transform:scale(3.2);-o-transform:scale(3.2);transform:scale(3.2);left:37%}.x8{-webkit-animation:floatUp 4.7s linear infinite;-moz-animation:floatUp 4.7s linear infinite;-o-animation:floatUp 4.7s linear infinite;animation:floatUp 4.7s linear infinite;-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7);left:62%}.x9{-webkit-animation:floatUp 4.1s linear infinite;-moz-animation:floatUp 4.1s linear infinite;-o-animation:floatUp 4.1s linear infinite;animation:floatUp 4.1s linear infinite;-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);left:85%}button:focus{outline:none}@-webkit-keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}@-moz-keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}@-o-keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}@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{-webkit-animation:fadeOut 5s ease-in 1;-moz-animation:fadeOut 5s ease-in 1;-o-animation:fadeOut 5s ease-in 1;animation:fadeOut 5s ease-in 1}#head2{-webkit-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s;animation-delay:6s}#head3{-webkit-animation:fadeOut 5s ease-in 1;-moz-animation:fadeOut 5s ease-in 1;-o-animation:fadeOut 5s ease-in 1;animation:fadeOut 5s ease-in 1;-webkit-animation-delay:12s;-moz-animation-delay:12s;-o-animation-delay:12s;animation-delay:12s}#head4{-webkit-animation:fadeOut 5s ease-in 1;-moz-animation:fadeOut 5s ease-in 1;-o-animation:fadeOut 5s ease-in 1;animation:fadeOut 5s ease-in 1;-webkit-animation-delay:17s;-moz-animation-delay:17s;-o-animation-delay:17s;animation-delay:17s}#head5{-webkit-animation:finalFade 5s ease-in 1;-moz-animation:finalFade 5s ease-in 1;-o-animation:finalFade 5s ease-in 1;animation:finalFade 5s ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:22s;-moz-animation-delay:22s;-o-animation-delay:22s;animation-delay:22s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:0}}@-o-keyframes fadeOut{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:0}}@keyframes fadeOut{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:0}}@-webkit-keyframes finalFade{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:1}}@-moz-keyframes finalFade{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:1}}@-o-keyframes finalFade{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:1}}@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;-webkit-transform:translate(95vw,90vh);-moz-transform:translate(95vw,90vh);transform:translate(95vw,90vh)}