* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#canvas1 {
  position: absolute;
  border: 3px solid rgb(3, 96, 172);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(58, 107, 214);
  max-width: 100%;
  max-height: 100%;
 
  font-family: "Bangers", system-ui;
  font-weight: 400;
  font-style: normal;


}
#layer1, #layer2, #layer3, #layer4, #player, #angler1, #angler2, #lucky, #projectile, #gears, #hivewhale, #drone, #smokeExplosion, #fireExplosion {
   display: none;
}