/* Lab 01: The Ocean – the images float in an endless 3D room you travel through */

html,
body {
  margin: 0;
  height: 100%;
  overflow: hidden; /* the page itself never scrolls – scrolling moves you through the room */
  overscroll-behavior: none;
}

/* Blue at the top to light grey at the bottom – the room is drawn transparently on top of it */
html {
  background: linear-gradient(#6f8ebb, #d1d1d1) fixed; /* #6F8EBB at the top to #D1D1D1 at the bottom */
}

body {
  font: 14px/18px "Suisse Works", serif;
  letter-spacing: -0.018em;
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
}

.space {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  touch-action: none; /* touch drags move through the room instead of scrolling the page */
}