:root{
  --bg-color: #071026;
}
html,body{
  height:100%;
  margin:0;
  padding:0;
  background: linear-gradient(180deg, var(--bg-color) 0%, #02040a 100%);
  font-family:"Segoe UI",Arial;
  color:#e6eef8;
}
.page-content{
  position:relative;
  z-index:6;
  padding:3rem 2rem;
  text-align:center;
}
#stars-canvas, #clouds-canvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  display:block;
}
#stars-canvas{z-index:2}
#clouds-canvas{z-index:1}

button#toggle-mode{
  margin-top:1rem;
  padding:.6rem 1rem;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.05);
  color:inherit;
  cursor:pointer;
}

@media(max-width:600px){
  .page-content{padding:1.6rem}
}