@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background:
    linear-gradient(180deg, rgba(9, 12, 10, 0.96) 0%, rgba(28, 40, 33, 0.94) 50%, rgba(80, 93, 81, 0.9) 100%);
}

@media (prefers-color-scheme: dark) {
  body {
    background:
      linear-gradient(180deg, rgba(9, 12, 10, 1) 0%, rgba(22, 32, 26, 1) 50%, rgba(56, 68, 58, 1) 100%);
  }
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.loader {
  border: 4px solid rgba(255, 255, 255, 0.18) !important;
  border-right-color: #dfe7e1 !important;
}