html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

@font-face {
    font-family: 'CabinetBold';
    src: url('./assets/CabinetGrotesk-Bold.otf');
}
@font-face {
    font-family: 'CabinetMedium';
    src: url('./assets/CabinetGrotesk-Medium.otf');
}
@font-face {
    font-family: 'CabinetRegular';
    src: url('./assets/CabinetGrotesk-Regular.otf');
}
@font-face {
    font-family: 'CabinetBlack';
    src: url('./assets/CabinetGrotesk-Black.otf');
}
@font-face {
    font-family: 'Heavitas';
    src: url('./assets/Heavitas.ttf');
}
@font-face {
    font-family: 'Splashed';
    src: url('./assets/SplashedRegular.ttf');
}

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

/* Track */
::-webkit-scrollbar-track {
  background: #0c0c0c;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #171717;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #002fff;
}