body {
 background-color:rgb(0, 0, 0);
}
canvas {
 display:block;
 position:absolute;
}
div {
 position:absolute;
 vertical-align:middle;
}
p {
 height:100%;
 text-align:center;
 vertical-align:middle;
}
.logo{
 display:block;
 position:absolute;
}
button.order{
 color:rgb(0,0,0);
 //color:rgb(219, 58, 29);
 background-color:rgb(255, 255, 255);
 //background-color:rgb(235, 198, 45);
 //background-color:rgb(235, 198, 45);
 display:block;
 position:absolute;
 transition-duration:0.4s;
 cursor:pointer;
 font-family:'Courier';
 font-weight:900;
 animation: pulse 1s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
button.order:hover{
 color:rgb(0,0,0);
 //color:rgb(235, 198, 45);
 background-color:rgb(219, 58, 29);
 //background-color:rgb(235, 198, 45);
 //background-color:rgb(255, 255, 255);
}
button.header{
 //color:rgb(235, 198, 45);
 color:rgb(0,0,0);
 //background-color:rgb(219, 58, 29);
 background-color:rgb(235, 198, 45);
 display:block;
 position:absolute;
 transition-duration:0.4s;
 cursor:pointer;
}
button.header:hover{
 color:rgb(219, 58, 29);
 background-color:rgb(235, 198, 45);
}
.background{
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-color: rgba(0,0,0,0.2);
 background-blend-mode: darken;
}
.background.wide{
 background-image: url("img/background.jpg");
 overflow: hidden;
}
.background.narrow{
 background-image: url("img/background1.jpg");
}