​

html, body {

  background-image: url("https://images.pexels.com/photos/1631677/pexels-photo-1631677.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");

  font-family: helvetica;

  margin: auto;

  padding: 0;

  display: flex;

  flex-direction: column;

​

}

​

canvas {

  display: block;

}

​

h1 {

  background-color: rgb(240, 128, 31);

  text-align: center;

  border-radius: 6px;

​

}

​

h1:hover {

  transition: ease-out 0.15s;

  background-color: blanchedalmond;

}

​

h1:after {

  transition: ease-out 0.15s;

  background-color: blanchedalmond;

}

​

h2 {

  text-align: center;

  background-color: rgb(240, 128, 31);

  border-radius: 6px;

  color: black;

}

​

footer {

  order: 1;

  font-style: italic;

  text-align: center;

}

​

a {

  color: white;

  background-color: rgb(240, 128, 31);

  border-radius: 2px;

}

​

.cont {

  text-align: center;

}

​

.btn {

    font-family: 'Source Sans Pro', sans-serif;

    letter-spacing: 0.1px;

    font-style: bold;

    width: 150px;

    height: 50px;

    border: none;

    color: black;

    background-color: rgb(240, 128, 31);

    border-radius: 4px;

    box-shadow: inset 0 0 0 0 blanchedalmond;

    transition: ease-out 0.35s;

    font-size: 23px;

    outline: none;

}

​

.btn:hover {

    box-shadow: inset 160px 0 0 0 blanchedalmond;

    color: black;

    cursor: pointer;

  font-size: 22px;

}

​

​

​

​