body {
  font-family: "Karla", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

h1, h2{
    font-family: "Spectral", serif;
    font-weight: 500;
    font-style: italic;
    letter-spacing: -1px;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #b5b4b0;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background: #5e5d57;
  border-radius: 20px;
}

::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0 20px 20px 0;
}

     animation: {
        fade: 'fadeOut 5s ease-in-out',
      },