:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html,body{height:100%;width:100%;margin:0;overflow:hidden;touch-action:none;overscroll-behavior:none}#root{margin:0;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;display:flex}.grid-background{position:relative;width:100%;height:100%;overflow:hidden;background-size:30px 30px}.grid-background.dark{background-color:#0f0f0f;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px)}.grid-background.dark:before{background:radial-gradient(circle,rgba(144,202,249,.3),transparent 70%)}.grid-background.light{background-color:#fff;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px)}.grid-background.light:before{background:radial-gradient(circle,rgba(25,118,210,.3),transparent 70%)}.grid-background:before{content:"";position:absolute;left:var(--x);top:var(--y);width:400px;height:400px;border-radius:50%;pointer-events:none;filter:blur(60px);transform:translate(-50%,-50%);transition:opacity .2s ease;opacity:0}.grid-background:hover:before{opacity:1}.logo{width:35px;height:35px;background:#f9f3ee;border-radius:5px;box-shadow:2px 4px 5px #0000004d}.side-bar-container{display:flex;flex-direction:column;border-right:1px solid}.side-bar-container-mini{width:0%;visibility:hidden;height:100%;transition:.5s ease;overflow:hidden}.side-bar-container-full{width:320px;height:100%;position:relative;z-index:100;top:0;transition:.5s ease}.side-bar-header{padding:16px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.side-bar-header h5{margin:0;font-size:20px;padding-left:10px;width:10rem}.side-bar-logo{display:flex;justify-content:space-between;align-items:center;text-decoration:none!important}.side-bar-content{overflow:hidden;height:-webkit-fill-available}.side-bar-content>a>button{margin-bottom:1rem}.side-bar-footer{width:-webkit-fill-available;margin:auto 16px 0;white-space:nowrap}.home-full{width:100%;height:100vh;position:relative;top:0;right:0;z-index:10;transition:.3s ease-out}.home-mini{width:100%;height:100vh;position:relative}.home-header{display:flex;align-items:center;justify-content:space-between}.home-btn{padding:.5rem}.home-header>h4{margin:1rem}@media screen and (max-width: 768px){.side-bar-container-mini{width:0%;height:100%;position:absolute;top:0;z-index:9;transition:.5s ease}.side-bar-container-full{width:320px;height:100%;position:absolute;z-index:100;top:0;transition:.5s ease;overflow:hidden}}.skills-container{margin:1rem 0}.skills-title{font-size:1.5rem;font-weight:500;margin-bottom:1rem;margin-top:0}.skills-section{position:relative;overflow:hidden;margin:1rem 0}.skills-list{display:flex;align-items:center;gap:1rem;padding:.2rem .5rem}.skill-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;box-shadow:0 0 2px #0003;transition:background-color .3s;white-space:nowrap;cursor:pointer}.skill-icon{width:1.25rem;height:1.25rem}:root{--background-color: #f5f5f5;--foreground-color: #333;--border-color: #d1d5db}@media (prefers-color-scheme: dark){:root{--background-color: #1a1a1a;--foreground-color: #f5f5f5;--border-color: #374151}}