* {
  box-sizing: border-box;
}
body{
  height: 100vh;
  width: 100vw;
  background-color: darkred;
}
.parent{
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-row{
  display: flex;
  height: 10vh;
  width: 100vw;
  align-self: flex-start;
  justify-content: flex-start;
  align-items: center;
}
h4{
  font-size: 24px;
}
.container{
  height: 75vh;
  width: 75vw;
  display: flex;
  justify-self: center;
  align-self: center;
  background-color: white;
  flex-wrap: wrap;
}

.button-container{
  display: flex;
  flex-grow: .5;
}
.reset-button{
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: white;
  color: black;
  font-family: cursive;
}
.reset-button:hover{
  cursor: point;
  background-color: grey;
  border: none;
}

.title{
  color: gold;
  font-family: cursive;
}

/*
.box:hover{
  background-color: grey;
}
*/