* {
    -webkit-touch-callout: none;
}

::selection {
  background-color: #d4edda;
  color: #155724;
  transition: background-color 0.2s ease;
}

::-moz-selection {
  background-color: #d4edda;
  color: #155724;
}

:focus {
  caret-color: #28a745;
}

h1::selection,
h2::selection,
h3::selection {
  background-color: #c3e6cb;
  color: #0c5460;
}

h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection {
  background-color: #c3e6cb;
  color: #0c5460;
}

a::selection {
  background-color: #b1dfbb;
  color: #004085;
}

a::-moz-selection {
  background-color: #b1dfbb;
  color: #004085;
}

html {
    scroll-behavior: smooth;
}

.scroll-fade {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

.scroll-fade.visible {
    opacity: 1;
    transform: translateY(0);
}