html, body {
  font-size: 16px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible,
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
[tabindex]:focus {
  outline: 3px solid #000000;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #ffffff;
}

header a:focus,
header button:focus,
header input:focus,
header textarea:focus,
header select:focus,
header [tabindex]:focus {
  outline: 3px solid #000000;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #ffffff;
}

footer a:focus,
footer button:focus,
footer input:focus,
footer textarea:focus,
footer select:focus,
footer [tabindex]:focus {
  outline: 3px solid #f7d521;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #ffffff;
}