*{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  text-align: center;
  user-select: none;
  overflow: hidden;
  scroll-behavior: none;
  overscroll-behavior: none;
  font-family: monospace;
}
body{
  width: 100vw;
  height: 100vh;
  background-color: beige;
  position: relative;
  z-index: -3;
}
h1{font-size:72px}
p#desc{font-size:32px}p#warn{font-size:12px}p#settings{font-size:18px;}
h1,p{position:relative;z-index:-2}
input,#strictoggle{background:#ffffff80;border-radius:2px;font-size:18px;}
#strictoggle{cursor:pointer}
input[type=checkbox]{border-radius:25%}
#delay{text-align:right}
#decay{text-align:left}
#zone{
  position: absolute;
  z-index: 0;
  width: 50px;
  height: 50px;
  background-color: red;
  opacity: 0.5;
  border-radius: 50%;
}
#rondom{
  display: flex;
  position: absolute;
  cursor: pointer;
  font-size: 12px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  justify-content: center;
  background: black;
  color: palegreen;
  align-items: center;
  z-index: -1;
  box-shadow: #00000080 0 0 80px 40px
}
#rondom.disabled{opacity:0.5;cursor:default}
#rondom:hover:not(.disabled){background:palegreen;color:black}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{/*all websites*/
  -webkit-appearance: none;margin: 0;
}
input[type=number]{/*firfox*/
  appearance: textfield;
  -moz-appearance: textfield;
}