*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

::-webkit-scrollbar { display: none; }
html { scrollbar-width: none; }
body { -ms-overflow-style: none; }

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #070311;
  font-family: 'EB Garamond', serif;
  color: #EDE6FA;
}

#environment {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#monitor {
  width: min(88vh, 88vw);
  height: min(88vh, 88vw);
  background: #0D0820;
  overflow: hidden;
  font-size: min(0.9vh, 0.9vw);
  position: relative;
  z-index: 100;
  border: 0.3em solid #1E1645;
  border-radius: 0.8em;
  box-shadow:
    0 0 0 0.15em #0D0820,
    0 0 2em 0.5em rgba(24, 190, 168, 0.18),
    0 0 5em 1em rgba(107, 63, 191, 0.12),
    inset 0 0 3em rgba(7, 3, 17, 0.8);
}

#monitor-glow {
  position: absolute;
  inset: -0.5em;
  border-radius: 1.2em;
  background: transparent;
  box-shadow: 0 0 4em 1.5em rgba(24, 190, 168, 0.08);
  pointer-events: none;
  z-index: 99;
}

#desktop {
  width: 100%;
  height: 100%;
  position: relative;
  background: #0D0820;
}