body {
  color: red;
  font-size: 0;
  font-family: "arial", sans-serif;
  margin: 0;
  overflow: ;
  background-color: #6a6263;
  text-align: center;
  overflow: hidden;
}

html {
  margin: 0;
}

.wrapper {
}


.gamebox {
  width: 170dvh;
  height: 100dvh;
  box-sizing: border-box;
  background-color: #5a5354;
  background-image: url("../img/noimnotahuman/bg.gif");
  background-repeat: none;
  background-size: contain;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 2dvh;
}

.blur {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.character {
  width: 170dvh;
  height: 100dvh;
  object-fit: cover;
  position: absolute;
  box-sizing: border-box;
}

.textboxgame {
  width: 70dvh;
  height: 45dvh;
  background-color: black;
  opacity: 0.7;
  font-size: 4dvh;
  position: absolute;
  top: 20dvh;
  right: 10dvh;
  box-sizing: border-box;
  border-top: 1dvh solid #706968;
  border-left: 1dvh solid #706968;
  border-right: 1dvh solid #191819;
  border-bottom: 1dvh solid #191819;
  padding: 2dvh;
  display: flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
}

.button1 {
  width: 50dvh;
  height: 10dvh;
  background-color: black;
  opacity: 0.7;
  font-size: 3dvh;
  position: absolute;
  top: 70dvh;
  right: 20dvh;
  padding: 1dvh;
  box-sizing: border-box;
  border-top: 1dvh solid #706968;
  border-left: 1dvh solid #706968;
  border-right: 1dvh solid #191819;
  border-bottom: 1dvh solid #191819;
  display: flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
}

.button2 {
  width: 27.5dvh;
  height: 10dvh;
  background-color: black;
  opacity: 0.7;
  font-size: 3dvh;
  position: absolute;
  top: 70dvh;
  right: 15dvh;
  padding: 1dvh;
  box-sizing: border-box;
  border-top: 1dvh solid #706968;
  border-left: 1dvh solid #706968;
  border-right: 1dvh solid #191819;
  border-bottom: 1dvh solid #191819;
  display: flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
}

.button3 {
  width: 27.5dvh;
  height: 10dvh;
  background-color: black;
  opacity: 0.7;
  font-size: 3dvh;
  position: absolute;
  top: 70dvh;
  right: 45dvh;
  padding: 1dvh;
  box-sizing: border-box;
  border-top: 1dvh solid #706968;
  border-left: 1dvh solid #706968;
  border-right: 1dvh solid #191819;
  border-bottom: 1dvh solid #191819;
  display: flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
}

.game {
  width: 100%;
  height: 100%;
  border: none;
}

a {
  color: inherit;
  text-decoration: none;
}