html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

a, button {
  -webkit-tap-highlight-color: transparent;
}

input, textarea, select, button {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

html, body {
  overscroll-behavior: none;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }

input[type="checkbox"] {
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius:50%;
  border: 1px solid var(--color-border);
  cursor: pointer;
  background-color: var(--color-checkbox);
}

input[type="checkbox"]::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  transform: scale(0);
  border-radius: 50%;
  transform: scale(0);
  background-color: var(--color-checkbox-c);
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}