* {
  margin:0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: black;
}

#container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#canvas1 {
  position: relative;
  top: 8px;
  left: 50%;
  width: 95vw;
  height: 95vw;
  transform: translateX(-50%);
  border: 5px solid black;
  font-family: "Creepster", system-ui;
}

#Buttonoverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 10;
}

#Configoverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 15;
}

#Options {
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  background-color: white;
  width: 150px;
  height: 190px;
}

#OptTop {
  background-color: darkgrey;
  color: white;
  font-size: 1.75em;
  padding: 10px;
}

.button {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.2;
}

.Opts {
  width: 45px;
  height: 45px;
}

.Mini {
  width: 135px;
  height: 45px;
}

#player, #layer1, #layer2, #layer3, #layer4, #layer5, #enemy_fly, #enemy_plant, #enemy_spider_big, #fire, #collisionAnimation, #lives, #Configoverlay, #OptBotA {
  display: none;
}