body {
  margin: 24px; 
  padding: 0;
  
  background-color: #ffd166;
  font-family: Verdana; 
  color: black; 
  font-size: 24px;
}

canvas {
  display: block;
  border: 1px solid black;  
  border-radius: 16px; 
}

h1 { 
  margin-bottom: 12px; 
  font-family: DynaPuff, monospace;
  font-weight: 400; 
  font-size: 44px; }

#smalltxt { font-size: 18px; }

span { 
  font-family: DynaPuff, monospace; 
  font-weight: 400; 
  color: #233d4d }


button {
  padding: 12px 40px; 
  margin: 16px 0px; 
  border: 1px solid black; 
  border-radius: 24px; 
  background-color: white; 
  font-size: 20px;
  font-family: Verdana;
  transition: all 300ms;
}

button:hover {
  background-color: #eae0d5; 
  transform: scale(1.03); 
}