@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto:wght@100;400;500&family=Varela+Round&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto',sans-serif;
}

body{
    background-color: #f1f1f1;
}

h1{
    font-size: 2rem;
    text-align: center;
    padding-top: 100px;
}
  
p{
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.5rem;
}
  
.buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
  
button {
    border: none;
    font-size: 3rem;
    margin: 0 0.5rem;
    padding: 0.5rem;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
  
button:hover {
    opacity: 0.7;
}
  
#rock {
    background-color: #ff0000;
}
  
#paper {
    background-color: #2196f3;
}
  
#scissors {
    background-color: #4caf50;
}
  
#user-score {
    color: #2196f3;
}
  
#computer-score {
    color: #ff0000;
}

#computer-choice{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
}