/* ============================================================================
   BASE STYLES
   ============================================================================ */

body {
  overflow-y: hidden;
  min-height: 100vh;
}

/* ============================================================================
   CANVAS CONTAINER
   ============================================================================ */

.background-canvas {
  width: 100%;
  height: 100vh; /* Set your desired height here */
  position: relative;
  overflow: hidden;
}

/* Preview container */

.preview {
  overflow: hidden;
  padding: 0;
  max-width: 900px;
}

.background-canvas canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}