margin: 0;

  padding: 2em;

  display: grid;

/*   height: 100vh; */

  place-items: center;

  background: #182C61;

​

}

#content {

  display: block;

  box-shadow: 0 0 10px 10px rgba(0, 0, 0, .5);

  position: absolute;

  padding: 2em;

  top: 50%;

  left: 50%;

  width: 470px;

  border-radius: 24px;

  transform: translate(-50%, -50%);

}

​

.title {

    font: bold 50px "Alegreya Sans", sans-serif;

  box-shadow: 3px 3px 10px;

  padding: 3vh;

}

​

canvas {

 border-radius: 24px;

  margin: 1em;

  margin-left: 35px;

}

​

button {

 margin: 1em; 

  padding: 5px;

  border-radius: 24px;

  outline: none;

}

​

p {

 display: inline;

/*   float: right; */

  color: white;

  margin-right: 3em;

  width: 95%;

  border: dotted;

  padding: 10px;

}