:root {
  --font: "Josefin Sans", sans-serif;
  --display: "Russo One", sans-serif;
  --nav: Montserrat, "Josefin Sans", sans-serif;
  --card: Rubik, "Josefin Sans", sans-serif;
  --text: #3a3a3a;
  --bg: #fff;
  --ink: #111;
  --navy: #091441;
  --gray: #d5d5d5;
  --muted: #666;
  --dark: #282828;
  --container: 1180px;
  --header: 139px;
}

html { font-size: 16px; }
body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
}
img { max-width: 100%; height: auto; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.skip-link {
  position: absolute;
  left: 12px;
  top: -40px;
  background: #111;
  color: #fff;
  padding: 8px 12px;
  z-index: 100;
}
.skip-link:focus { top: 8px; }