*{margin:0; padding:0;}

@keyframes waas { 0%  {filter: blur(30px);} 28%  {filter: blur(20px);} 52%  {filter: blur(30px);} 70%  {filter: blur(25px);}  100% {filter: blur(30px);} }
@keyframes fade-in{ from {opacity:0;} to {opacity:1;} }


html{background-image:url(rotator.php); background-size:cover; background-position:center; width:100%; background-repeat:none; overflow:hidden; }
body{display:flex; font-family:georgia; font-size:26px; color:#222; height:100vh;}

header{ margin:15% 20%; display:flex-inline; }
h1{font-size:5rem; font-weight:normal; background-color:rgba(255,255,255,.8); padding:0 1rem; filter:blur(15px); cursor:crosshair; animation:waas 10s ease infinite;}
h1:hover{filter:blur(0px)!important; transition:filter ease-out 2s !important;}

section{ margin:70% auto; display:flex-inline;}
p{font-size:2rem; font-weight:normal; background-color:rgba(255,255,255,.8); padding:0 1rem; font-style:italic; cursor:pointer;  }
a{color:#222; text-decoration:none}

footer{position:fixed; font-size:2rem; bottom:2px; left:5px;; color:white; opacity:.8}