@font-face {
    font-family: 'press';
    src: url('/fonts/PressStart2P-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'press';
    src: url('/fonts/PressStart2P-Regular.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

html {
  font-size: 14px;
}

body {
    background-color: #1c1c26;
    background-image: radial-gradient(#25252f 2px, transparent 2px);
    background-size: 20px 20px;
    font-family: 'poppins';
}

.font-press {
    font-family: 'press' !important;
}

.font-arial {
    font-family: arial !important;
}

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

::-webkit-scrollbar-track {
  background: #1f1f23; /* ciemne tło (dopasowane do twojego) */
}

::-webkit-scrollbar-thumb {
  background-color: #4b5563; /* szarość np. Tailwind gray-600 */
  border-radius: 9999px; /* zaokrąglony */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #6b7280; /* jaśniejszy przy hoverze */
}