body {
  background-color: rgb(252, 243, 229);
}
  
h1 {
  margin-top: -1%;
  text-align: center;
  font-size: 3vw;
  color: rgb(110, 57, 2);
}

h3 {
  margin: 5% 12% 5% 12%;
  text-align: center;
  font-size: 2vw;
  color: rgb(153, 94, 47);
}

p {
  margin-top: 1%;
  margin-bottom: 1%;
  text-align: center;
}

footer {
  font-size: 1.3vw;
  text-align: center;
  color: rgb(110, 57, 2);
}

#error404Image {
  padding: 0;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

input {
  padding: 0;
  margin: auto;
  display: block;
  position: absolute;
  float: left;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  opacity: 0.5;
  /*background: rgba(255, 0, 0, 0.1);*/
}
 
input:focus,
select:focus,
textarea:focus,
button:focus { /* The blue outline on Chrome */
    outline: none;
}

canvas {
  padding: 0;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}