/*Generell*/

strong{
  color: var(--clr-lighter);
}

/*Game*/
section.section-game{
  background-color: var(--clr-lighter);
}

.game-container{
  max-width: 465px;
  background-color: var(--clr-dark);
  border: 1px solid var(--clr-accent);
  border-radius: 6px;
  
  padding: 2em 2em; 
  margin: 0 auto;
  text-align: center;
  
}

.game-container > button:hover{
  background-color: rgba(255, 255, 255, 0.5);

}

.game-container  img {display: inline-block;}

.game-title{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 2em;
}

.game__player{
  width:100%; 
  display:flex; 
  justify-content:space-between; 
  border: 0px solid black; padding: 0em 2em;
}

.game__score{
  color: var(--clr-accent);
}

.move-button{
  background-color: transparent;
  border: 3px solid white;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  cursor: pointer;
  
}

.move-button + .move-button {
  margin-left:10px;
}

.move-icon{
    height: 50px;  
    border:none;
    
}

.reset-score-button, .auto-play-button{
    background-color: #fff;
    color: #000;
    padding: 0.5em 1em;
    margin: 0  0.35em;
    border: 0px solid #fff;
    border-radius: 20px;
    cursor: pointer; 
}



.result{
  font-weight: 25px;
  font-weight: bold;
  margin-top: 50px;
  
}
.score{
    margin-top: 60px;
    color: var(--clr-accent);
}

.moves{
  color: #fff;
}