:root {
  --nord0: #2e3440;
  --nord1: #3b4252;
  --nord3: #4c566a;
  --nord4: #d8dee9;
  --nord5: #e5e9f0;
  --nord6: #eceff4;
  --nord7: #8fbcbb;
  --nord8: #88c0d0;
  --nord9: #81a1c1;
  --nord11: #bf616a;
  --nord13: #ebcb8b;
  --nord14: #a3be8c;
  --nord15: #b48ead;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;

  font-family: "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  color: var(--nord6);
  background: var(--nord0);

  min-height: 100vh;
}

#root {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 100%;
}

code {
  display: block;

  font-family: Monaco, Consolas, "Courier New", monospace;
}
