body {
    background: #ffc8dd;
    text-align: center;
    color: black;
}

#title {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.2rem;
    text-align: center;
    background-color: white;
    border: 20px double pink;
  }

  #directions {
    font-size: 1.5rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif 
}

#buttons {
    justify-content: center;
    
    
}

button {
        font-size: 4rem;
        background-color: hotpink;
        transition: all 0.6s ease;
}

button:hover {
    transform: scale(1.1);
}

.scoreboard {
    display: grid;
    justify-content: grid;
    grid-template-columns: repeat(2, 1fr);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.5rem;
}

.choices {
    display: grid;
    justify-content: grid;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.5rem;
}

#resultsDisplay {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.5rem; 
}

#resetButton {
    justify-content: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: white;
    font-size: 1.2rem;
}