html {
  scroll-behavior: smooth;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

a:focus-visible {
  outline: 2px solid #8aceff;
  outline-offset: 3px;
}

body {
  min-height: max(884px, 100dvh);
  background-color: #0b1326;
  color: #dae2fd;
}

#services,
#process,
#service-areas,
#contact {
  scroll-margin-top: 6.5rem;
}

@media (max-width: 767px) {
  body {
    padding-bottom: 5.5rem;
  }
}