@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color: #2563eb;--secondary-color: #1e40af;font-family:Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{cursor:url(/cursor/fairy-small.png) 5 5,auto!important}a,button,.clickable{cursor:url(/cursor/fairy-small.png) 5 5,pointer!important}a{font-weight:500;color:#646cff;text-decoration:none!important;outline:none!important;-webkit-tap-highlight-color:transparent;border-bottom:none!important}a:hover{color:#535bf2;text-decoration:none!important;border-bottom:none!important}a:after,a:before{border-bottom:none!important;text-decoration:none!important;box-shadow:none!important;content:none!important}nav a,.navbar a,header a{text-decoration:none!important;border-bottom:none!important}nav a:after,.navbar a:after,header a:after,nav a:before,.navbar a:before,header a:before{display:none!important;content:none!important;border:none!important;text-decoration:none!important}a:focus{outline:none!important;box-shadow:none!important;text-decoration:none!important;border:none!important;border-bottom:none!important;-webkit-tap-highlight-color:transparent}*{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:none;box-shadow:0 0 0 2px #535bf266;border-radius:2px}*:focus{outline:none!important}body{margin:0;font-family:Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Verdana,sans-serif;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:#e2e8f0}.project-card{transition:transform .2s ease-in-out}.project-card:hover{transform:translateY(-4px)}.focus-none:focus,.focus-none:active,.focus-none:focus-visible{outline:none!important;box-shadow:none!important;text-decoration:none!important;border-color:transparent!important;-webkit-tap-highlight-color:transparent!important}button:focus,button:focus-visible{outline:none!important;outline-width:0!important;outline-color:transparent!important;-webkit-focus-ring-color:transparent!important;box-shadow:none!important}button{text-decoration:none!important;border-bottom-color:transparent!important}button:active,button:focus{outline:none!important;box-shadow:none!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent!important}.color-on-focus{position:relative}.color-on-focus .focus-text{display:none;position:absolute;top:0;left:0;right:0;bottom:0}.color-on-focus:focus .normal-text,.active-tab .normal-text{opacity:0}.color-on-focus:focus .focus-text,.active-tab .focus-text{display:block}@keyframes rainbow-text{0%{opacity:0}to{opacity:1}}.color-on-focus:focus .focus-text,.active-tab .focus-text{animation:rainbow-text .3s ease forwards}.letter{display:inline-block;transition:color .3s;font-size:inherit}button:hover .letter,.project-title:hover .letter{color:transparent;animation:colorCycle 1.5s infinite linear}button:hover .letter:nth-child(10n+1),.project-title:hover .letter:nth-child(10n+1){color:#f067e9;animation-delay:-0s}button:hover .letter:nth-child(10n+2),.project-title:hover .letter:nth-child(10n+2){color:#f390e5;animation-delay:-.15s}button:hover .letter:nth-child(10n+3),.project-title:hover .letter:nth-child(10n+3){color:#f6d3f1;animation-delay:-.3s}button:hover .letter:nth-child(10n+4),.project-title:hover .letter:nth-child(10n+4){color:#f6cc3b;animation-delay:-.45s}button:hover .letter:nth-child(10n+5),.project-title:hover .letter:nth-child(10n+5){color:#f3f91d;animation-delay:-.6s}button:hover .letter:nth-child(10n+6),.project-title:hover .letter:nth-child(10n+6){color:#a5c840;animation-delay:-.75s}button:hover .letter:nth-child(10n+7),.project-title:hover .letter:nth-child(10n+7){color:#67ad64;animation-delay:-.9s}button:hover .letter:nth-child(10n+8),.project-title:hover .letter:nth-child(10n+8){color:#7abafe;animation-delay:-1.05s}button:hover .letter:nth-child(10n+9),.project-title:hover .letter:nth-child(10n+9){color:#667de5;animation-delay:-1.2s}button:hover .letter:nth-child(10n+10),.project-title:hover .letter:nth-child(10n+10){color:#9f86f4;animation-delay:-1.35s}button:hover .letter:nth-child(3n),.project-title:hover .letter:nth-child(3n){animation-duration:2s}button:hover .letter:nth-child(5n+2),.project-title:hover .letter:nth-child(5n+2){animation-duration:1.8s}button:hover .letter:nth-child(7n+4),.project-title:hover .letter:nth-child(7n+4){animation-duration:2.2s}@keyframes colorCycle{0%{color:#f067e9}10%{color:#f390e5}20%{color:#f6d3f1}30%{color:#f6cc3b}40%{color:#f3f91d}50%{color:#a5c840}60%{color:#67ad64}70%{color:#7abafe}80%{color:#667de5}90%{color:#9f86f4}to{color:#f067e9}}#root{margin:0;padding:0;width:100%;overflow-x:hidden}body{background-image:url(/assets/background/overall_bg.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center top;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.card{padding:2em}