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

html {
  font-family: 'Alata', sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  position: relative;
  min-height: 100%;
  scrollbar-gutter: stable;
}

/* Tablet + Desktop equivalent */
@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}

/* .btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-field:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
} */

body {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

blockquote,
q {
  quotes: none;
}

img {
  border-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  color: var(--text-secondary);
}

a:focus {
  outline: none;
  box-shadow:
    rgba(255, 255, 255, 0.25) 0px 1px 2px 0px,
    rgba(0, 0, 0, 0.05) 0px -0.5px 2px 0px inset;
}

ol {
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
  display: inline;
}

small {
  font-size: 80%;
  display: inline;
}


fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

[hidden] {
  display: none;
}

template {
  display: none;
}