body {
  margin: 5%;
  font-family: monospace;
  font-size: 1.5em;
  max-width: 500px;
  height: 100%;
  position: relative;
}

a {
  text-decoration: none;
}

.yes-button {
  font-size: 3em;
  padding-right: 20px;
}
.no-button {
  font-size: 3em;
  padding-right: 20px;
}
button {
  font-family: monospace;
  font-size: 1em;
  border-width: 3px;
  background-color: white;
}

.descarga {
  background-color: hotpink;
  color: white;
}

.descarga:hover {
  font-weight: 999;
  font-size: 2em;
}

footer {
  position: fixed;
  bottom: 0;
  margin: 0px;
  font-size: small;
  padding: 5px;
}

.answer {
  color: white;
}

#start-over {
  font-size: 1.5em;
  color: white;
  text-decoration: underline;
}

#start {
  font-size: 1.5em;
  color: hotpink;
  text-decoration: underline;
}

.cherry {
  color: purple;
  font-size: small;
  text-decoration: underline;
  background-color: white;
}

.cherry:hover {
  color: purple;
  font-size: small;
  text-decoration: underline;
  background-color: white;
  font-weight: 999;
}

#certificado {
  font-size: 1em;
  color: #5ed66e;
  background-color: white;
  text-decoration: underline;
}

#certificado:hover {
  font-size: 1.5em;
  color: #5ed66e;
  background-color: white;
}

form {
  margin-bottom: 25px;
  padding: 15px;
  background-color: white;
  display: inline-block;
  width: 100%;
  max-width: 340px;
  border-radius: 3px;
}

input {
  display: block;
  margin-bottom: 10px;
  padding: 5px;
  width: 100%;
  border: 1px solid lightgrey;
  border-radius: 3px;
  font-size: 16px;
}

canvas {
  width: 100%;
}