.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Public Sans,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Public Sans,sans-serif!important}@layer utilities{.dark-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease}}.App{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-gray-100 dark:bg-gray-800;}::-webkit-scrollbar-thumb{@apply bg-gray-400 dark:bg-gray-600 rounded;}::-webkit-scrollbar-thumb:hover{@apply bg-gray-500 dark:bg-gray-500;}