@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=VT323&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  background-color: #0b0f0a;
  color: #5ADA8C;
  font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

h1, h2, h3, h4, h5 {
  font-family: 'VT323' !important;
}

a {
  color: #39ff9f;
  text-decoration: none;
}

.mantine-AppShell-root,
.mantine-AppShell-main,
.mantine-Navbar-root,
.mantine-Aside-root,
.mantine-AppShell-navbar,
.mantine-Footer-root,
.mantine-Header-root {
  background-color: #0b0f0a !important;
}

/* square base */
.mantine-Stepper-stepIcon {
  border: 1px solid #00a67d;
  border-radius: 2px;
  color: #00a67d;
  background: transparent;
}

/* current & completed */
.mantine-Stepper-stepIcon[data-progress],
.mantine-Stepper-stepIcon[data-completed] {
  background: #00d28b !important;
  border-color: #00d28b !important;
  color: #000000 !important;
}

/* black tick */
.mantine-Stepper-stepCompletedIcon { color: #000000 !important; }