body{
    background-image:url(background.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
}

h1 {
    color: Magenta;
    text-align: center;
    font-size: 50px;
    font-family: 'Codystar', cursive;
    font-weight: 300;
    margin-top: 30px;
}

canvas{
    position: relative;
    top:100px;
    left:460px;
    display: flex;
    text-align: center;
    align-items:center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content:center;

    border:1px solid black;

    border-radius: 10%;
    box-shadow: 0px 0px 20px Magenta;
    /* box-shadow: 0px 0px 50px Fuchsia; */
    border-color: Magenta;
    border-width: 1px;
}

button{
  display:inline;
  position:fixed;

  width:50px;
  height:50px;
  border:1px solid black;
  background:mintcream;

  border-radius: 10%;
  background: radial-gradient(blue, purple);
  /* box-shadow: 0px 0px 50px Fuchsia; */
  border-color: blue;
  border-width: 1px;
}

#number1{
    position:relative;
    left:550px;
    top:-490px;
}

#number2{
    position:relative;
    left:630px;
    top:-490px;
}

#number3{
    position:relative;
    left:710px;
    top:-490px;
}

button:hover{
    cursor: pointer;

    box-shadow: 0px 0px 20px Magenta;
    background: radial-gradient(yellow, purple);
    border-color: purple;
  }