@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    @font-face {
      font-family: 'gilroy';
      src: url(./src/assets/font/Gilroy-Regular.woff);
    }
    @font-face {
        font-family: 'monument';
        src: url(./src/assets/font/MonumentExtended-Regular.woff);
    }
    @font-face {
        font-family: 'ptserif';
        src: url(./src/assets/font/PTSerif-Regular.woff);
    }
}

/* width */
::-webkit-scrollbar {
    width: 2px;
}
 
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 20px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #38bdf8;
    border-radius: 25px;
}
 
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}