html, body {
    /*background-color: rgb(217, 233, 239);*/
    text-align: center;
  }

.button { 
  font-size: 15px
}

canvas {
  display: block;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: Georgia;
  font-size: 20px;
  text-align: center;
}

.textstyle {
    background-color: rgb(64, 62, 62); /* Changing background color */
    font-weight: bold; /* Making font bold */
    border-radius: 20px; /* Making border radius */
    width: auto; /* Making auto-sizable width */
    height: auto; /* Making auto-sizable height */
    padding: 5px 15px 5px 15px; /* Making space around letters */
    font-size: 18px; /* Changing font size */
    text-align: center;
    text-shadow: 3px 3px s3px white;
    color: white
}

.textstyle1 {
  background-color: lightgray; /* Changing background color */
  font-weight: bold; /* Making font bold */
  border-radius: 20px; /* Making border radius */
  width: auto; /* Making auto-sizable width */
  height: auto; /* Making auto-sizable height */
  padding: 5px 30px 5px 30px; /* Making space around letters */
  font-size: 15px; /* Changing font size */
  text-align: center;
  text-shadow: 3px 3px s3px white;
}