@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

body{
  font-family: 'VT323', monospace;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("IMG/3206821.jpg");
    background-size: cover; 
    /* overflow: hidden; Hide scrollbars  */
  }
h1{
    font-size: 3.5rem;
    color: hsl(0, 0%, 100%);
}
.choices{
    margin-bottom: 0px;
}
.choices button{
  border-radius: 10%;
  border: 0px;
}
.choices button:hover{
    background-color: hsl(200, 100%, 70%);
}
#playerDisplay, #computerDisplay{
    font-size: 3rem;
}
#resultDisplay{
    font-size: 4rem;
    margin: 30px 0;
}
.scoreDisplay{
    font-size: 2.5rem;
}
/* .greenText, */
 #playerScoreDisplay{
    color: hsl(130, 84%, 54%);
}
/* .redText, */
 #computerScoreDisplay{
    color: hsl(0, 84%, 60%);
} 
 
/*   */
#resultDisplay{
  color: hsl(0, 0%, 100%);
} 


@media (max-width: 576px) {
  .scoreDisplay img,
  #playerImage,
  #computerImage {
    max-width: 70px;
  }

  .choices img {
    max-width: 80px;
  }
}


/* 
background-image: url("IMG/background.png");
background-repeat: no-repeat;
background-position: right top; */