/* style.css */

/* Remove default margins and padding, and prevent scrolling */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: sans-serif;
}

/* Ensure the Three.js canvas displays as a block-level element */
canvas {
  display: block;
}

#mobile-warning {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff88;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  z-index: 9999;
  & p {
    max-width: 500px;
  }
}