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

:root {
  color-scheme: dark;
}

body,
html {
  font-family: Inter, sans-serif;
  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  background: var(--quasar-brand-900);
  color: white;
}

:root {
  --quasar-brand-900: #1d1f20;
  --quasar-brand-900-rgb: 29, 31, 32;
  --quasar-brand-800: #212529;
  --quasar-brand-800-rgb: 33, 37, 41;
  --quasar-brand-700: #343a40;
  --quasar-brand-700-rgb: 52, 58, 64;
  --quasar-brand-600: #495057;
  --quasar-brand-600-rgb: 73, 80, 87;
  --quasar-brand-500: #6c757d;
  --quasar-brand-500-rgb: 108, 117, 125;
  --quasar-brand-400: #adb5bd;
  --quasar-brand-400-rgb: 173, 181, 189;
  --quasar-brand-300: #ced4da;
  --quasar-brand-300-rgb: 206, 212, 218;
  --quasar-brand-200: #dee2e6;
  --quasar-brand-200-rgb: 222, 226, 230;
  --quasar-brand-100: #e9ecef;
  --quasar-brand-100-rgb: 233, 236, 239;
  --quasar-brand-50: #f8f9fa;
  --quasar-brand-50-rgb: 248, 249, 250;
  --quasar-brand-primary: #4070f6;
  --quasar-brand-primary-rgb: 64, 112, 246;
  --quasar-brand-secondary: #6c757d;
  --quasar-brand-secondary-rgb: 108, 117, 125;
  --quasar-brand-success: #26aa5a;
  --quasar-brand-success-rgb: 38, 170, 90;
  --quasar-brand-error: #ff4d4d;
  --quasar-brand-error-rgb: 255, 77, 77;
  --quasar-brand-warning: #f3ca63;
  --quasar-brand-warning-rgb: 243, 202, 99;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.35rem;
}

select {
  width: 100%;
  padding: 1rem;
}