.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}@layer base{html,body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:Public Sans,sans-serif!important;overflow-x:hidden!important;width:100%;position:relative;-webkit-overflow-scrolling:touch}}@layer utilities{.dark-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease}}.App{min-height:100vh}::-webkit-scrollbar{width:6px;height:0px}::-webkit-scrollbar-track{@apply bg-transparent;}::-webkit-scrollbar-thumb{background:#685dd8;opacity:.5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5a4fcf}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#685dd8;border-radius:20px;opacity:.6}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#5a4fcf}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}@layer utilities{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}.hamburger-button{@apply relative overflow-hidden;}.hamburger-line{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.hamburger-button:hover .line-1,.hamburger-button:active .line-1{transform:translate(4px)}.hamburger-button:hover .line-2,.hamburger-button:active .line-2{transform:translate(-2px)}.hamburger-button:hover .line-3,.hamburger-button:active .line-3{transform:translate(3px)}.hamburger-button:hover .line-4,.hamburger-button:active .line-4{transform:translate(-4px)}