/* layout */
body {
  font-family: ui-monospace, monospace;
  font-size: 16px;
  color: #eee;
  line-height: 1.5;
  margin: 25px auto;
  max-width: 1000px;
  background-image: url("/assets/spacetile.gif");
}

.slab {
  margin: 10px;
  padding: 10px;
  background-color: #011;

  border: 5px outset #344;
  /* copied from https://nemenepsa.neocities.org */
  box-shadow: 12px 12px 6px rgba(0,0,0,0.25), 12px 12px 12px rgba(0,0,0,0.25), 12px 12px 18px rgba(0,0,0,0.25);
}

main {
  display: flex;
}

header {
  padding: 25px;
}

aside {
  padding: 0px 25px;
  width: 200px;
  flex-shrink: 0;
}

article {
  flex-grow: 3;
  padding: 0px 25px !important;
}



/* element styling */

a {
  color: #acc;
  text-decoration: wavy underline;
}

/* js helpers */

#listening {
  display: flex;
  padding: 5px; 
  border: 5px inset #344;
}

#listening > * {
  margin: 5px;
}