html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;

  background: linear-gradient(
    to bottom,
    hsl(252.73, 71.74%, 18.04%) 0%,
    hsl(252.21, 71.85%, 18.21%) 12.1%,
    hsl(250.81, 72.14%, 18.71%) 22.5%,
    hsl(248.8, 72.55%, 19.47%) 31.4%,
    hsl(246.47, 73.05%, 20.45%) 39.1%,
    hsl(244.03, 73.57%, 21.6%) 45.7%,
    hsl(241.66, 74.09%, 22.87%) 51.5%,
    hsl(239.45, 75.79%, 24.05%) 56.6%,
    hsl(237.56, 80.76%, 24.77%) 61.3%,
    hsl(236.01, 85.38%, 25.49%) 65.8%,
    hsl(234.75, 89.51%, 26.16%) 70.3%,
    hsl(233.76, 93.06%, 26.77%) 75%,
    hsl(233.01, 95.96%, 27.28%) 80.1%,
    hsl(232.47, 98.14%, 27.69%) 85.8%,
    hsl(232.14, 99.52%, 27.95%) 92.4%,
    hsl(232.03, 100%, 28.04%) 100%
  );
  margin:0;
  height:100%;
  overflow:hidden;
  
}
a{
  text-decoration:none;
}
canvas{
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}
.ground{
  background:#FFF;
  height:8%;width:100%;
  position:absolute;
  bottom:0px;
  z-index:-1;
  border-radius:100% 100% 0 0;
  font-size:10px;
  color:#666;
  display:table;
}
.message{
  font-family: cursive;
  font-size: 400%;
  text-align:center;
  color:#FFF;
  margin:40px auto;
  height: 20%
}