body{
    height: 100%;
    background: linear-gradient(135deg,hsl(113, 13%, 38%),#FDFFAE);
    
  text-align: center;
}


.title {
    font-family:Georgia, 'Times New Roman', Times, serif;
    text-align: center;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #F1F3E0;
    padding:10px;
    margin-bottom: 10px;
}
.choices{
    border:5px  solid #F1F3E0; 
    border-radius:20px 20px 20px 20px;
    
    display:flex;
    justify-content: center;
    align-items:center;
    gap:30px;
    margin-bottom:10px;
    margin-top:10px;
    background-color: #C5D89D;
  box-shadow: 0 6px 18px rgba(137, 152, 109, 0.25);
}
.choice:hover {
  transform: translateY(-8px) scale(1.05);

}
.choice:active {
  transform: scale(0.95);
}
.score-board{
    text-align: center;
    border:5px solid #F1F3E0;
    display:flex;
    justify-content: center;
    align-items: center;
}
.score{
    font-size: 20px;
    color: aliceblue;
    font-style: italic;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 5px;
    display:grid;
    height:140px;
    width: 140px;
    gap: 8px;
    padding-top: 10px;
    border-radius: 5px 5px 5px 5px;
    background-color: #19183B;
    border: 4px double #F1F3E0;
     
}
.score:hover {
  transform: scale(1.03);
}
.Message-Container{
    display:inline-block;
    text-align: center;
    font-family: cursive;
    font-size:15px;
    margin-top:5px;
    padding: 5px;
    border: 5px solid hsl(113, 13%, 38%);
    border-radius: 5px 5px 5px 5px;
    background-color:#F1F3E0;
}
#message{
    border-radius: 2.5px;
    padding:3px;
}
#Rock:hover {
background-color: #b648ae;
}
#Paper:hover {
    background-color: hsl(226, 43%, 50%);
}
#Scissors:hover {
    background-color: hsl(48, 100%, 50%);
}
.choice img {
    border-radius: 10px;;
}