:root {
  --c50: #fcf3f9;
  --c100: #fae9f4;
  --c200: #f6d4e9;
  --c300: #f0b1d8;
  --c400: #e680bc;
  --c500: #db59a3;
  --c600: #c83a83;
  --c700: #ad296a;
  --c800: #8f2558;
  --c900: #78234b;
  --c950: #400d25;
  --c1000: #1a050f;
}

body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  inset: 0;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;

  font-family: "Ubuntu", sans;

  padding: 0 2rem;
  box-sizing: border-box;

  background: var(--c1000);
  color: var(--c200);
}

h1 {
  color: var(--c200);

  font-size: calc(8px + 12vmin);
}