console
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
@keyframes bp {
0% {
background-color: ivory;
background-position: 200px 0;
}
25% {
background-color: white;
background-position: 150px 50px;
}
50% {
background-color: ivory;
background-position: 100px 100px;
}
75% {
background-color: white;
background-position: 50px 150px;
}
100% {
background-color: ivory;
background-position: 0 200px;
}
}
</style>
</head>
<body>
<script>
(()=>{let h=42;let d=(n)=>Math.floor(Math.random()*n);
let k=(c)=>{let s=document.createElement('style');
if(!!(window.attachEvent && !window.opera)){s.styleSheet.cssText=c;
}else{s.appendChild(document.createTextNode(c));}document.getElementsByTagName('head')[0].appendChild(s);};
k('@keyframes u{0%{transform:rotate(0deg);}25%{transform:rotate(10deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-10deg);}100%{transform:rotate(0deg);}};');
k('@keyframes m{0%{margin-top:2vh;opacity:0;}20%{opacity:1.0;margin-top:0vh;margin-left:0vw;transform:rotate('+d(90)+'deg);}100%{opacity:0.4;margin-top:100vh;margin-left:'+d(4)+'vw;transform:rotate(1080deg);}};');let w=document.createElement('div');w.id='daWorld';w.style='animation:u 60s ease-in infinite;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;';document.body.appendChild(w);while(h--){let o=document.createElement('div');
o.style=`pointer-events:none;opacity:0;animation:m ${d(14)+6}s ease-in ${d(4000)}ms infinite;z-index:1000;position:fixed;top:${d(40)}vh;left:${d(100)}vw;font-size:${d(40)+20}px;color:${['#d00','#e66','#fcc'][d(3)]};`;o.innerHTML=['♡','♥'][d(2)];w.appendChild(o);}})()
</script>
</body>
</html>