html,body{height:100%;margin:0}
body{background:#000;overflow:hidden;font-family:system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial}
canvas{position:fixed;inset:0;z-index:0;display:block}


/* Content sits above the canvas */
.content{
    position:relative;
    z-index:2;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a8f0a8;
    text-shadow:0 1px 8px rgba(0,0,0,0.8);
    flex-direction: column;
}

header {
  background-color: blue; 
  padding: 10px;
  width: 50%;
}

header ul {
  display: flex;
  list-style: none;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  width: 100%;
}

header ul li {
  margin: 1%;
}

footer {
  text-align: center;
  color: yellow;
  padding: 0;
}