/* You can add global styles to this file, and also import other style files */

html,
body {
  margin: 0;
  padding: 0;

  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.grid {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-columns: 240px auto;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #333;
    color: white;
  }
}

@media (prefers-color-scheme: light) {
  body {
    background: #fff;
    color: black;
  }
}