body {
    background-color: #374A67;
    color: #28965A;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-style: italic;
    text-align: center;
}

img {
    width: 300px;
}

#upgrades {
    display: flex;
    justify-content: center;
}

.upgrade {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0rem 2rem 0rem 2rem;
}

#upgrades-container {
    border: 2px solid;
    padding-bottom: 1rem;

}

.upgradePrice {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

button{
    scale: 130%;
    background-color: #85CB33;
    border-style: none;
    border-radius: 45%;
}

.press:hover {background-color: #3e8e41}

.press:active {
  background-color: #3e8e41;
  transform: translateY(2px);
}

.hop {
    scale: 100%;
  }

.hop:active {
    transform: translateY(4px);
    animation: pulsate 50s alternate;
  }


  @keyframes pulsate {
    120% {
      transform: scale(0.1, 0.1);
      opacity: 0;
  }
}

#shop-container {
    border: 2px solid;
    padding-bottom: 1rem;

}

#shop {
    display: flex;
    justify-content: center;
}

.shop-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0rem 2rem 0rem 2rem;
}

.shopPrice {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}


#cout-container {
    
    padding-bottom: 1rem;

}

.cout {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0rem 2rem 0rem 2rem;
}

.coutPrice {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}