body {
margin:0;
overflow:hidden;
font-family: Arial, sans-serif;
background:#000;
color:#0ff;
transition: background 0.4s, color 0.4s;
}
.light {
background:#f4f4f4;
color:#111;
}

canvas {
position:fixed;
top:0;
left:0;
}

.ui {
position:absolute;
top:20px;
left:20px;
z-index:10;
}

select, button {
padding:8px;
margin-right:10px;
background:#111;
color:#0ff;
border:1px solid #0ff;
}

.light select, .light button {
background:#fff;
color:#111;
border:1px solid #111;
}

#loader {
position:fixed;
width:100%;
height:100%;
background:#000;
color:#0ff;
display:flex;
align-items:center;
justify-content:center;
z-index:20;
font-size:1.5rem;
}

#bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  display: block;
  background: black !important;
}

body.night {
  background-color: #000011;
  color: #ddddff;
}