<!doctype html>
<html>
  <head>
    <title>Cookie Clicker</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
</style>
  </head>
  <body style="margin:0px">
    <div class="shop">
    <ul>
      <li>100<button>1+ click power</button> 0</li>
      </ul>
    </div>
  <h1 id="main" style="position:absolute; margin-left:46%; top:5%; display:block">
Error: Please Refresh Page
  </h1>
    <p style="margin-left:46%; margin-top:-150px; position:absolute; display:inline; font-size:12px" id="cpsc">
      0 Cookies Per Sec
    </p>
 <img id="cookie" style="" src="data:image/jpeg;base64,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">

    <script>
  var cact = 0
  var cps = 0
 var MY = 355
 var MX = 745
 var nl = '\n'
  var i = null
  var asc = 0
  const cookie = document.querySelector("#cookie")
  document.addEventListener("keydown", (ev)=>{if(ev.key === ' ' && asc == '0'){click(false); asc = 1}})
  document.addEventListener("keyup", (ev)=>{if(ev.key === ' '){asc = 0}})
document.addEventListener("mousemove", (ev)=>{MX = ev.clientX; MY = ev.clientY ;if(ev.target == '[object HTMLBodyElement]'){cookie.style.width = '';}})
  function rand(I){
    return Math.floor(Math.random() * I)
  }
 function update(am){stats.amount = am; ; document.querySelector("#main").textContent = `${am}  Cookies`;}
  
 function click(space){
cact = 1; cps+= stats.inc ;var ee = '215px'; var eee = '225px' ; if(space == false){ MX = 745;  MY = 355 ; var ee = ''; var eee = '217px'};  var i = document.createElement("canvas"); i.onclick = () => {click(true)} ;document.body.appendChild(i); var ctx = i.getContext("2d"); ctx.font = "22px dm-sans"; ctx.fillText(`${stats.inc}+`, 44, 35)  ; i.style = `margin-left:${MX - 30}px; display:block; margin-top:${MY - 500}px ; position:absolute; animation:fde 0.2s;border-radius:1000px  ; transform:translate(${rand(10)}px, ${rand(20)}%) `; cookie.style.width = eee ; update(stats.amount + stats.inc) ; setTimeout(() => {i.style = "display:none"; cookie.style.width = ee; i.remove(); },150); localStorage.setItem("cookies", Number(stats.amount))
 }
  cookie.onclick = ()=>{click(true)}
 var stats = {
  "inc": 1 ,
   "amount":0 ,
   "ups": [0]
   
   
 } 
   update(stats.amount) 
  function cpsd(){
    if(cact == 0){cps = 0}
    document.querySelector("#cpsc").innerText = `${cps} Cookies Per Sec`
    setTimeout(()=>{if(cps > 0){cps = Math.round( cps - cps / 2)}; cpsd(); cact = 0}, 1000)
  }
  cpsd()
  update(Number(localStorage.getItem("cookies")))
</script>
<style>
  
  @keyframes fde{
    0% {opacity:100%}
    50% {opacity:50%}
    99% {opacity:0%}
    100% {display:none}
  }
  @keyframes e{
      0% {transform: rotate(-5deg)}
    25% {transform: rotate(5deg)}
    50% {transform: rotate(10deg)}
    75% {transform: rotate(5deg)}
    100% {transform: rotate(-5deg)}
  }
  *::selection {opacity:100%}
  * {font-family:dm mono; }
  #cookie {border-radius:1000px; margin-left:auto; margin-right:auto; display:block; margin-top:250px;width:200px;  animation: e 5s infinite linear; transition:125ms; }
  #cookie:hover{width:215px}
  #cookie:active {width:220px}
  .shop {position:absolute; background-color:red; width:350px; height:100%; display:block; top:0}
  
</style> 
  
</body>
</html>