:root {
  --primary: #002442;
}
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.nav-link-active {
  color: #ffffff;
  background-color: var(--primary);
}
.nav-link-active span {
  color: #ffffff;
}
.bio-pattern {
  background-color: #f8f9ff;
  background-image: radial-gradient(#002442 0.5px, transparent 0.5px);
  background-size: 24px 24px;
  opacity: 0.05;
}
.letter-paper {
  box-shadow: 0 0 0 1px rgba(0, 36, 66, 0.05), 0 20px 25px -5px rgba(0, 0, 0, 0.05);
}
body {
  min-height: max(884px, 100dvh);
  scroll-behavior: smooth;
}