cf.css

.head{
  margin-top: 50px;
  font-family: 'Lobster', cursive;
  color: white;
  background-color: #755731;
  border-radius: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: #755731;
}
.para{

  margin: 100px;
  font-family: 'Lobster', cursive;
  color: white;
  background-color: #755731;
  border-radius: 10px;
  border-width: 20px;
  border-style: solid;
  border-color: #755731;
}
#b{
  background-color: #f4511e;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

#b:hover {opacity: 1}

.container{
  margin-top: 10px;
  font-family: 'Lobster', cursive;
}

.board button{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 4px solid black;
  background-color: gray;
  margin: 2px;

}