.game-container {
  background-color: aqua;
  margin: auto;
}

.mid {
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  background-color: transparent;
}

.player1-img-holder {
  max-width: 90%;
  max-height: 90%;
}

.cardbody {
    background-image:linear-gradient(160deg, rgb(197, 151, 0), rgb(47, 45, 0));
    box-shadow: 7px 7px 5px rgb(21, 20, 1);
}
.game-options {
    margin: auto;
    width: 70vw;
}

.dropdown {
  padding-top: 15px;
}

.start-btn {
  padding: 15px;
  background-image: linear-gradient(160deg, rgb(255, 247, 0), rgb(133, 97, 0));
  border: 1px solid #3f3706;
  color: rgb(92, 56, 2);
  font-size: 14px;
  font-family: "Press Start 2P", cursive;
}

.header-container {
    background-image: linear-gradient(160deg, rgb(255, 247, 0), rgb(0, 133, 11));
    text-align: center;
    max-width: 70vw;
    padding: 20px;
    border: 2px solid;
    border-bottom: 40px solid rgb(17, 45, 0);
    border-top: 10px solid rgb(17, 45, 0);
}

h2 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #ddff00;
}

#dropdownMenuButton {
    color: #ceb410;
    background-color: #023c00;
    text-transform: uppercase;
    border: 1px solid rgb(11, 64, 0);
    border-radius: 1px;
    margin-top: 0px;
    margin-bottom: 40px;
    font-size: 12px;
    font-family: 'Courier New', Courier, monospace;
}

.dropdown {
    min-width: 97%;

}
.dropdown-item {
    text-align: center;
 
}
.dropdown-menu {

    text-transform: uppercase;
    font-family: 'Courier New', Courier, monospace;
    padding: 0px;
    background-color: rgb(217, 255, 136, 0.9);
    border-radius: 1px;
    font-size: 12px;
    
}
.dropdown-item:hover {
    background-color: #ddff00;
    border-radius: 3px;
}

.game-header {
  font-family: "Press Start 2P", cursive;
  text-transform: uppercase;
}


footer { 
  text-transform: uppercase;
  background-color: rgb(19, 48, 0);
  width: 100%;
  text-decoration: none;
  text-align: center;
  margin: auto;
  width: 70vw;
  font-family: "Press Start 2P", cursive;
  padding: 10px;
}


footer a {
  color: rgb(243, 246, 149);
  text-decoration: none;
  text-align: center;
  font-style: oblique;
  font-size: 6px;
  
}

.player-health-img {
    width: 50%;
    height: 50%;  
}

.description {
    background-color: #ddff00;
    margin-left: 12px;
    max-width: 40%;
    border: 5px solid #3C3431;
    padding: 5px 5px;
    
    font-family: "Press Start 2P", cursive;
    color: rgb(2, 59, 0);
    font-size: 10px;
    text-align: left;
    /* Possible pulse animation for load */
    /* animation: pulse-animation 2s infinite; */
}

/* @keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
} */

.health-player {
    font-size: 7px;
    font-family: "Press Start 2P", cursive;
}

.enemy-health-img {
    width: 50%;
    height: 50%;
}

.health-enemy {
    font-size: 7px;
    font-family: "Press Start 2P", cursive;
}

.game-end {
    background-color: #4651008c;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
    padding: 20px;
    border: 5px solid rgb(128, 122, 0);
    border-radius: 3px;
    color: rgb(220, 20, 20);
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Press Start 2P", cursive;
}


body {
  color:rgb(2, 59, 0);
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 100vw;
  background-image: linear-gradient(160deg, rgb(98, 134, 1), rgb(47, 45, 0));
  font-family: "Lato", "Oswald", "Playfair+Display";
}

.move-button {
  background-image: linear-gradient(160deg, rgb(255, 247, 0), rgb(133, 97, 0));
  width: 99%;
  font-size: 8px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid rgb(59, 54, 4);
  padding: 0px;
  box-shadow: 1px 5px 5px rgb(59, 54, 4);
  border-radius: 3px;
  margin-top: 0px;
  text-align: center;
  font-family: "Press Start 2P", cursive;
  color: brown;
}
.game-end {
    display: none;
}

.startup-ambience {
    display: none;
}

/* .move-button a:link,
a:visited {
  color: rgb(92, 56, 2);
} */

.move-button:hover {
  background-image: linear-gradient(160deg, rgb(234, 255, 0), rgb(157, 181, 3)); 
  box-shadow: 10 5px 15px rgb(203, 216, 13);
  color:#ddff00; 
}

.start-btn:hover {
    background-image: linear-gradient(160deg, rgb(234, 255, 0), rgb(157, 181, 3)); 
    box-shadow: 10 5px 15px rgb(203, 216, 13);
    color:#ddff00; 
  }

.game-container {
  font-family: "Press Start 2P", cursive;
  height: 100%;
  max-width: 70vw;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
  background-size: contain;
  object-fit: cover;
  background-image: url("assets/background1.png");
}


.text-box {
  background-color: #e9cd18;
  margin-top: 30px;
}

#window-text {
  background-color: #3f3706;
  margin: 7px 7px;
  color: rgb(247, 247, 190);
  text-transform: uppercase;
  font-family: "Press Start 2P", cursive;
}