12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
* {  font-family: 'Inter Var', 'Inter', sans-serif;}
body {  @apply overflow-x-clip overflow-y-scroll bg-black leading-none;  overscroll-behavior: none;  text-rendering: optimizeLegibility;  -webkit-tap-highlight-color: transparent;}
#___gatsby {  @apply bg-white dark:bg-gray-950 text-black dark:text-gray-50;}
pre,code,pre span,code span {  font-family: 'Meslo', monospace !important;}
::selection {  @apply bg-black dark:bg-gray-50 text-white dark:text-gray-950;}
a,button {  @apply transition-all ease-in-out duration-300;}
*:focus {  outline: 0 !important;}
a,button,input,select,textarea {  @apply relative z-0;}
a:focus,button:focus,input:focus,select:focus,textarea:focus {  @apply z-10 ring;}
*::-webkit-scrollbar {  @apply w-4 h-full bg-white dark:bg-gray-950;}
body.dark::-webkit-scrollbar {  @apply bg-gray-950;}
*::-webkit-scrollbar-track {  @apply bg-white dark:bg-gray-950;}
body.dark::-webkit-scrollbar-track {  @apply bg-gray-950;}
*::-webkit-scrollbar-thumb {  @apply border-4 border-solid border-white dark:border-gray-950 bg-gray-350 dark:bg-gray-800 rounded-2xl;}
body.dark::-webkit-scrollbar-thumb {  @apply border-gray-950 bg-gray-800;}
*::-webkit-scrollbar-button {  @apply hidden;}