@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}body{margin:0}html,body{height:100%}#root{width:100%;min-height:100vh}a,button,.pixel-icon,.dock-icon{cursor:url(../assets/hand.png) 0 0,pointer!important}*{box-sizing:border-box;cursor:url(/portfolio_gov/hand.png) 0 0,auto!important}body{image-rendering:pixelated;margin:0;font-family:Silkscreen,sans-serif}.home{background-color:#f2e1e1;background-image:linear-gradient(90deg,#9b59b61a 1px,#0000 1px),linear-gradient(#9b59b61a 1px,#0000 1px);background-size:80px 80px;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.desktop{pointer-events:none;position:absolute;inset:60px}.icon-group{pointer-events:auto;flex-direction:column;gap:40px;display:flex;position:absolute}.left{left:0}.right{right:0}.bottom-right{bottom:100px;right:0}.pixel-icon{flex-direction:column;align-items:center;text-decoration:none;transition:transform .1s;display:flex}.bottom-menu{-webkit-backdrop-filter:blur(12px);z-index:100;pointer-events:auto;background:#ffffff40;border:1px solid #fff6;border-radius:24px;align-items:center;gap:15px;padding:10px 20px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001a}.dock-icon{background:0 0;border:#0000;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.dock-icon:hover{margin:0 15px;transform:scale(1.3)translateY(-10px)}.dock-icon:active{filter:brightness(.7);transition:all 50ms;transform:scale(.9)translateY(5px)}.dock-tooltip{letter-spacing:.5px;opacity:0;visibility:hidden;pointer-events:none;color:#444;text-shadow:1px 1px #fff;background:0 0;border-radius:6px;margin-top:10px;padding:6px 10px;font-family:Silkscreen,sans-serif;font-size:13px;transition:opacity .2s,transform .2s;position:absolute;top:-45px;transform:translateY(10px)}.dock-icon:hover .dock-tooltip{opacity:1;visibility:visible;transform:translateY(0)}svg{image-rendering:pixelated;fill:currentColor;filter:drop-shadow(3px 3px #00000026);transition:filter .1s}.svg-img{image-rendering:pixelated;filter:drop-shadow(3px 3px #00000026);transition:filter .1s}.home-title{text-align:center;z-index:10}.home-sub{color:#c268bd;margin-bottom:.2em;font-family:Silkscreen,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);display:block}.home-head{color:#c268bd;text-transform:uppercase;margin:0;font-family:Silkscreen,sans-serif;font-size:clamp(2.5rem,8vw,6rem);line-height:1}.window-overlay{z-index:9999;pointer-events:none;background:#0003;width:100vw;height:100vh;position:fixed;top:0;left:0}.window-header{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;background:#c268bd;justify-content:space-between;align-items:center;padding:8px 12px;font-family:Silkscreen,sans-serif;display:flex}.main-content{text-align:left;color:#333;padding:30px 40px;display:block}.main-content h2,.main-content h3,.main-content p{margin:0;font-family:Silkscreen,sans-serif}.main-content h2{border-bottom:2px dashed #c268bd;margin-bottom:24px;padding-bottom:12px;font-size:1.4rem}.main-content h3{color:#c268bd;margin-bottom:16px;font-size:1.1rem}.main-content p{letter-spacing:1px;font-size:.95rem;line-height:1.8}.icon-label{color:#444;text-shadow:1px 1px #fff;margin-top:10px;font-family:Silkscreen,sans-serif;font-size:13px}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.window-overlay{z-index:9999;pointer-events:none;background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.screen-pop{pointer-events:auto;background:#fff;border:4px solid #c268bd;flex-direction:column;width:800px;height:600px;animation:.2s ease-out pop;display:flex;position:absolute;top:13%;left:10%;box-shadow:10px 10px #0000001a}.window-header{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;background:#c268bd;justify-content:space-between;align-items:center;padding:8px 12px;font-family:Silkscreen,sans-serif;display:flex}.window-header:active{cursor:grabbing}.close-btn{cursor:pointer;background:#c268bd;border:none;padding:4px 10px;font-family:Silkscreen,sans-serif;line-height:1}.window-body{background:#fff;flex:1;overflow-y:auto}.icon-label{color:#444;text-shadow:1px 1px #fff;align-items:center;margin-top:10px;font-family:Silkscreen,sans-serif;font-size:13px}.pixel-icon:hover svg{filter:drop-shadow(4px 4px #0003)brightness(1.1)}.pixel-icon:active{filter:brightness(.8);transform:scale(.95)}.main-content{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:50px;padding:25px;display:flex}.main-content .pixel-icon{flex-direction:column;align-items:center;width:105px;text-decoration:none;transition:transform .1s;display:flex}.skills-container{grid-template-columns:1fr;gap:20px;padding:10px;font-family:Silkscreen,sans-serif;display:grid}@media (width>=650px){.skills-container{grid-template-columns:1fr 1fr}}.skill-category{background:#fff9;border:2px solid #c268bd;padding:15px;box-shadow:4px 4px #0000001a}.skill-category h3{color:#c268bd;text-transform:uppercase;text-shadow:1px 1px #fff;border-bottom:2px dashed #444;margin-top:0;margin-bottom:15px;padding-bottom:8px;font-size:1.1rem}.skill-row{border-bottom:1px dotted #4446;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.skill-row:last-child{border-bottom:none}.skill-name{color:#444;font-size:.9rem;font-weight:700}.star-container{color:#c268bd;letter-spacing:2px;text-shadow:1px 1px #0003;font-size:1rem}.skill-row:hover{cursor:url(/portfolio_gov/hand.png) 0 0,auto!important}