/* AAAAH WHAT AM I DOING WHY AM I USING IDs JUST TO AVOID JQUERY HELP HELP IM GOING INSANE FROM QUARANTINE HELP HELP */


body {
  background: #222;
  color: #fff;
  font-family: 'Noto Sans', sans-serif;
  text-align: center;
}
#game {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: none;
  background: #111;
  cursor: none;
}
button {
  width: 100%;
  padding: 10px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: bolder;
  font-size: 150%;
  outline: 0 none;
  border: none;
  border-radius: 4px;
  transition: background 0.2s;
  cursor: pointer;
}
button:active {
  box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.6);
}
.hide {
  display: none;
}
#play {
  background: #fb0;
}
#play:hover {
  background: #b18200;
}
#restart {
  background: #0084ff;
  color: white;
}
#restart:hover {
  background: #0058aa;
}
#acheive{
  color: #00a800;
}
a {
  background: #6adb00;
  text-decoration: none;
  width: calc(100% - 20px);
  padding: 10px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: bolder;
  font-size: 150%;
  outline: 0 none;
  border: none;
  border-radius: 4px;
  transition: background 0.2s;
  cursor: pointer;
  display: block;
  margin-top: 4px;
  color: white;
}
a:hover {
  background: #50a700;
}
a:active {
  box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.6);
}