:root {
  --ms-primary: #00a1e4;
  --ms-primary-dark: #008bc5;
  --ms-primary-darker: #006b98;
}

.text-heading {
  font-family: "Quicksand", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  text-shadow: 3px 2px var(--ms-primary-darker);
  margin-bottom: -10px;
}

.text-huge {
  font-size: 2.5rem;
}

.text-large {
  font-size: 2rem;
}

html,
body {
  min-height: 100%;
}

a.social-link {
  display: block;
  text-decoration: none;
}

.bg-primary {
  background-color: var(--ms-primary) !important;
}

.bg-primarydark {
  background-color: var(--ms-primary-dark);
}

.icon {
  transition: background-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
}

.icon:hover {
  background-color: var(--ms-primary-darker);
}

.social-link:focus-visible .icon {
  box-shadow: 0 0 0 0.25rem rgba(0, 107, 152, 0.35);
}