html, body {
  overflow: hidden;
}

body {
  background: #f1f1f1;
}


body * {
  font-family: 'Roboto', sans-serif;
}

h1 {
  width: 100%;
  position: absolute;
  top: 55px;
  text-align: center;
  color: rgba(0,0,0,0.35);
  font-size: 26px;
}

p {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  color: rgba(0,0,0,0.35);
}

canvas {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
}

.disclaimer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 99999;
  box-sizing: border-box;
}

.disclaimer * {
  box-sizing: border-box;
}

.disclaimer p {
  color: #fff;
  text-align: center;
  margin-bottom: 150px;
}

.disclaimer .content {
  width: 320px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}

.disclaimer .btn {
  display: block;
  margin-top: 15px;
  text-align: center;
  border-radius: 3px;
  padding: 15px 15px;
  text-decoration: none;
}

.disclaimer .btn-red {
  background: #f00;
  color: #fff;
}

.disclaimer .btn-green {
  background: #0f0;
  color: #fff;
}