* {
  box-sizing: border-box;
  color: teal;
}

body, html {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  height: 100%;
  background-color: teal;
}

.author {
  text-align: right;
}

.container {
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  padding: 1rem;
  background-color: wheat;
  /*border-radius: 9% 91% 9% 91% / 100% 0% 100% 0%;*/
}

header {
  width: 100%;
  margin: 0 auto;
  padding: .5rem;
}

header h1 {
  margin: 0 auto;
  text-align: center;
}

h2 {
  color: aliceblue;
}

ul {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  list-style: none;
  padding: .5rem;
}

button {
  border-radius: 10px;
}

.score {
  width: 100%;
  text-align: center;
  padding: .5rem;
  border-radius: 19% 81% 79% 21% / 44% 44% 56% 56% ;
  background-color: teal;
  color: aliceblue;
  font-weight: 600;
}

.score span, .score p {
  color: aliceblue;
}

.roundWinner {
  width: 100%;
  padding: .5rem;
  font-weight: 600;
  font-size: 2rem;
}

.choices {
  width: 100%;
  text-align: center;
  padding: 1rem;
}

.choices button {
  padding: 1.3rem;
  margin-left: 10px;
  outline: 0;
  border: 0;
}

.userChoice p {
  font-weight: 300;
}

.result {
  width: 100%;
  font-weight: 600;
  font-size: 2rem;
}

.hidden {
  display: none;
}

.startGame {
  background-color: forestgreen;
  color: aliceblue;
}

.resetGame {
  background-color: firebrick;
  color: aliceblue;
}

.userScore, .computerScore {
  font-size: 2rem;
}