body {
	padding: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.card {
	max-width: 620px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid lightgray;
	border-radius: 16px;
}

.card p:last-child {
	margin-bottom: 0;
}

/* Animated underline for nav links */
.nav-link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #0891b2;
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

header img {
  background: transparent !important;
  mix-blend-mode: multiply; /* helps white logos blend nicely */
}
.text-outline-black {
    -webkit-text-stroke: 3px black; /* Black border */
    paint-order: stroke fill;
}

.text-shadow-custom {
    text-shadow:
        2px 2px 0 #000,
        4px 4px 0 #000,
        6px 6px 6px rgba(0, 0, 0, 0.8);
}