@font-face {
  font-family: 'Lexend';
  src: local('Lexend'), url('/fonts/Lexend-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: local('Lexend'), url('/fonts/Lexend-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: local('Lexend'), url('/fonts/Lexend-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: local('Lexend'), url('/fonts/Lexend-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
html, body {
  font-family: 'Lexend', sans-serif;
  transition: background-color 0.3s ease, color 0.3s ease;
  overflow-x: hidden;
  max-width: 100vw;
}
.dark {
  background-color: #1a1a1a;
  color: #ffffff;
}