12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
* {  font-family: 'Inter Var', 'Inter', sans-serif;}
body {  @apply overflow-x-clip overflow-y-scroll overscroll-none bg-black leading-none;  text-rendering: optimizeLegibility;  -webkit-tap-highlight-color: transparent;}
#___gatsby {  @apply bg-white text-black dark:bg-gray-950 dark:text-gray-50;}
pre,code,pre span,code span {  font-family: 'Meslo', monospace !important;}
::selection {  @apply bg-black text-white dark:bg-gray-50 dark:text-gray-950;}
a,button {  @apply transition-all duration-300 ease-in-out;}
*: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-blue-400 dark:!ring-teal-700;}
input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration {  @apply appearance-none;}
*::-webkit-scrollbar {  @apply h-full w-4 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 rounded-2xl border-4 border-solid border-white bg-gray-350 dark:border-gray-950 dark:bg-gray-800;}
body.dark::-webkit-scrollbar-thumb {  @apply border-gray-950 bg-gray-800;}
*::-webkit-scrollbar-button {  @apply hidden;}