body {
font-family: "Lora";
font-weight: 900;
font-size: 36px;
line-height: 1.25;
background-color: #000;
color: #ffff;
max-width: 100%;
}

h1 {
position:fixed;
top left:48px;
padding-top: 48px;
padding-left: 48px;
}

a {
position: fixed;
top: 48px;
right: 48px;
color: white;
text-decoration: none;
}

h1, a {
mix-blend-mode: Difference;
}

canvas {
vertical-align: bottom;
}

@media (max-width: 600px) {
nav h1, a {
padding-top: 48px;
position: fixed;
padding-left: 58px;
}
  }

@media (max-width: 450px) {
 nav a {
right: 150px;
}
  }

@media (max-width: 360px) {
 nav h1, a {
left:5px;
}
  }