body {
  background-color:rgb(0, 0, 0);
  margin: 0;
}
a {
  text-decoration: none;
  color: rgb(23, 23, 133);
}
.scoring_container {
  text-align: left;
}
.scoring {
  display: flex;
  justify-content: space-around;
  font-size: 1.6cqh;
}
.scoring div {
  width: 33%;
  margin-top: 1.5cqh;
}
.scoring span {
  font-weight: bold;
}
p {
  display: flex;
}
.element {
  height: 150px;
}
.screen_container {
  height: 100%;
  width: 100%;
  margin: auto;
  position: relative;
}
.screen {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.object {
  visibility: hidden;
  height: 10%;
  width: 10%;
  position: absolute;
  transition-duration: 200ms;
  /* background-color:rgb(0, 153, 255); */
}
.player {
  height: 100%;
  width: 60%;
  position: absolute;
  left: 20%;
  background-color: rgb(0, 0, 0);
}
.weapon {
  height: 40%;
  width: 90%;
  border-radius: 50%;
  background-color: #000000;
  position: absolute;
  top: 30%;
  right: 50%;
  transition-duration: 500ms;
}
.weapon_new {
  transition-duration: 200ms;
  height: 1.5cqh;
  width: 1.5cqh;
  border-radius: 50%;
  background-color: rgb(0, 0, 0);
  position: absolute;
}
.enemy {
  height: 10%;
  width: 10%;
  position: absolute;
  left: -5%;
  top: -5%;
  transition-duration: 300ms;
}
.enemy_hit {
  animation: enemy_hit_shake 150ms ease-in-out;
}
@keyframes enemy_hit_shake {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(-3px, 2px); }
  50% { transform: translate(3px, -2px); }
  75% { transform: translate(-3px, -2px); }
}
.enemy_face {
  height: 90%;
  width: 90%;
  margin-left: 5%;
  margin-top: 5%;
  background-color: rgb(0, 153, 255);
  position: relative;
}
.enemy_eyes {
  display: flex;
  justify-content: space-around;
  position: relative;
}
.enemy_eyeL, .enemy_eyeR {
  height: 20%;
  width: 20%;
  background-color: rgb(73, 107, 41);
  position: absolute;
  top: 30%;
}
.enemy_eyeLm, .enemy_eyeRm {
  height: 10%;
  width: 30%;
  background-color: rgb(73, 107, 41);
  position: absolute;
  top: 30%;
}
.enemy_eyeL {
  left: 10%;
}
.enemy_eyeR {
  right: 10%;
}
.enemy_mouth {
  height: 10%;
  width: 60%;
  margin-left: 20%;
  margin-top: 20%;
  background-color: rgb(73, 107, 41);
  position: absolute;
  bottom: 20%;
}
.enemy_mouth_O {
  height: 30%;
  width: 40%;
  margin-left: 30%;
  margin-top: 20%;
  background-color: rgb(73, 107, 41);
  position: absolute;
  bottom: 10%;
}