header{background-color:var(--bg);border:2px solid var(--border);box-shadow:0 0 10px var(--glow);display:flex;flex-direction:column;gap:6px;justify-content:center;margin:20px auto;max-width:1100px;min-height:140px;padding:16px 20px;text-align:center;width:100%}header h1{color:var(--accent);font-size:1.5rem;word-break:break-word}header h2.tagline{color:var(--fg-dim);font-size:1rem;font-weight:400;word-break:break-word}header .contact{color:var(--fg-dim);font-size:.85rem;margin-top:4px}header .contact p{margin:2px 0}header .contact a{color:var(--accent);font-weight:700;text-decoration:none}.kofi-widget-container{display:inline-block;transform:scale(.7);transform-origin:left center;vertical-align:middle}@media (max-width:600px){header{min-height:120px;padding:12px}}.social-icon{color:var(--accent);font-size:22px;transition:transform .2s ease,color .2s ease}.social-icon:hover{color:var(--fg);transform:scale(1.15)}#home{background:var(--bg);border-left:4px solid var(--border);box-sizing:border-box;display:block;margin:0 auto;max-width:900px;padding:15px;width:95%}#home .featured,#home .notes,#home .updates{background:var(--bg);border-left:3px dashed var(--border);box-sizing:border-box;margin:20px 0;padding:12px 15px}#home .terms{border-left:3px double var(--border);margin:20px 0}#home h3{border-bottom:1px dashed var(--border);color:var(--fg);font-size:1.5rem;font-weight:400;letter-spacing:1px;margin-bottom:10px;padding-bottom:5px}#home p,#home ul li{color:var(--fg);font-size:1rem;line-height:1.5}#home ul{list-style-type:square;margin-left:20px;padding-left:20px}.featured-item.hoverable{background:var(--bg);border:1px dashed var(--border);color:var(--fg);cursor:pointer;padding:10px;transition:all .15s linear}.featured-item.hoverable:hover{background-color:var(--fg);box-shadow:0 0 6px var(--glow);transform:translateY(-2px)}.featured-item.hoverable:hover,.featured-item.hoverable:hover *{color:var(--bg)!important}.featured-title{color:var(--accent-secondary)}.featured-item.hoverable:hover .tag{color:var(--accent-invert)!important}.featured-item.hoverable:hover .featured-title{color:var(--accent-invert)}#home .blink{animation:blink 1s step-start infinite;color:var(--fg);font-weight:700}@keyframes blink{50%{opacity:0}}.retro-section{background-color:var(--bg);color:var(--fg-dim);font-family:Courier New,monospace;line-height:1.6;padding:20px}.retro-block{margin-bottom:30px}.quote-bg{background-color:#000;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border-left:3px double var(--border);display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;padding:40px 25px;position:relative;transition:transform .35s ease}.quote-bg:hover{transform:scale(1.01)}.quote-bg:before{background:radial-gradient(circle,#00000040,#000000bf);content:"";inset:0;position:absolute;z-index:0}#home .quote-bg .author,#home .quote-bg h3,#home .quote-bg p{color:#fff;position:relative;z-index:1}.author{color:#aaa;display:block;font-size:14px;margin-top:10px}@media (max-width:768px){#home{border-left:2px solid var(--border);max-width:100%;padding:10px}.quote-bg{min-height:300px;padding:30px 15px}#home h3{font-size:1.3rem}#home p,#home ul li{font-size:.9rem}}code{background-color:var(--surface);border-radius:3px;color:var(--accent);font-family:Courier New,monospace;font-size:.95em;padding:.2em .4em}h4{font-size:18px}.page-content{align-items:center;align-self:center;margin-left:20px}.code-block{background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--grid-line) 1px,#0000 1px);background-size:20px 20px;border:2px solid var(--border);box-shadow:0 0 10px var(--glow);margin:1em 0;max-width:100%;overflow:hidden}.code-block__bar{align-items:center;background-color:var(--surface);border-bottom:2px solid var(--border);display:flex;gap:6px;padding:6px 10px}.code-block__dot{border:1px solid var(--fg);display:inline-block;height:8px;width:8px}.code-block__dot--filled{background-color:var(--fg)}.code-block__lang{color:var(--accent);font-size:11px;letter-spacing:1px;margin-left:auto;text-transform:uppercase}.code-block pre[class*=language-]{word-wrap:break-word;background:#0000!important;margin:0!important;max-width:100%;overflow-x:auto;padding:1em!important}img{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:100%}h4{color:var(--accent)}pre{background-color:var(--bg)}li{margin-left:20px}.lightbox{align-items:center;background:#000000d9;cursor:zoom-out;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.lightbox img{box-shadow:0 0 20px #000;max-height:90%;max-width:90%;object-fit:contain}.blog-post{cursor:pointer;padding:10px;transition:background-color .2s ease,box-shadow .2s ease}.blog-post:hover{background-color:var(--glow);box-shadow:0 0 10px var(--glow)}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.project-card{background-color:var(--bg);border:2px solid var(--fg);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-family:Courier New,monospace;height:350px;justify-content:space-between;padding:16px;transition:all .2s ease}.project-card:hover{background-color:var(--fg);box-shadow:4px 4px 0 var(--fg);cursor:pointer;transform:translate(-4px,-4px)}.project-card:hover,.project-card:hover *{color:var(--bg)!important}.project-card h4{color:var(--fg);font-weight:400;letter-spacing:1px;margin-bottom:5px;word-break:break-word}.project-card .date{color:var(--fg-dim);font-size:14px;margin-bottom:10px}.project-card .tags{margin:10px 0}.project-card .tag{background-color:var(--bg);border:1px solid var(--fg);color:var(--fg);display:inline-block;font-size:12px;margin-right:4px;padding:2px 6px;text-transform:uppercase}.project-card:hover .tag{background-color:var(--fg);border:1px solid var(--bg)}.project-card .pixel-button{background-color:var(--bg);border:2px solid var(--fg);color:var(--fg);cursor:pointer;font-family:Courier New,monospace;font-size:14px;margin-top:auto;padding:6px 12px;text-align:center;text-transform:uppercase;transition:all .15s ease}.project-card .pixel-button:hover,.project-card:hover .pixel-button{background-color:var(--fg)!important;border:2px solid var(--bg)!important;color:var(--bg)!important}@media (max-width:768px){.project-card{height:auto;padding:12px}.project-card h4{font-size:1.1rem}.project-card .date{font-size:13px}.project-card .tag{font-size:11px;padding:2px 4px}.project-card .pixel-button{font-size:12px;padding:4px 8px}}.AboutMe-container{background-color:var(--bg);box-shadow:0 0 15px var(--glow);box-sizing:border-box;display:flex;flex-wrap:wrap;font-family:Courier New,monospace;gap:20px;justify-content:space-between;margin:20px auto;max-width:1050px;padding:15px}.bio{word-wrap:break-word;color:var(--fg-dim);flex:2 1 300px;line-height:1.5}.bio p{margin:10px 0}.right-side{align-items:center;box-sizing:border-box;display:flex;flex:1 1 200px;flex-direction:column}.profile-pic{border:3px solid var(--accent-light);border-radius:50%;box-shadow:0 0 8px var(--glow);flex-shrink:0;height:150px;margin-bottom:20px;overflow:hidden;width:150px}.profile-pic img{height:100%;object-fit:contain;width:100%}.skills{width:100%}.skills h4{border-bottom:1px dashed var(--border);color:var(--fg);font-size:1.4rem;margin-bottom:15px;padding-bottom:5px}.skill-bar{margin:10px 0}.skill-name{color:var(--fg-dim);display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:5px}.skill-level{background-color:var(--surface);border:2px solid var(--border);height:12px;overflow:hidden;position:relative}.skill-progress{animation:fillBar 2s forwards;background-color:var(--accent-secondary);box-shadow:inset 0 0 2px #0006;height:100%;image-rendering:pixelated;width:0}.skill-progress:after{animation:flicker .2s infinite alternate;background:repeating-linear-gradient(0deg,#ffffff1a,#ffffff1a 1px,#0000 0,#0000 2px);content:"";inset:0;position:absolute}@keyframes fillBar{0%{width:0}50%{width:calc(var(--progress)/2)}to{width:var(--progress)}}@keyframes flicker{0%{opacity:.05}50%{opacity:.15}to{opacity:.05}}@media (max-width:768px){.AboutMe-container{align-items:center;flex-direction:column;text-align:center}.bio{flex:1 1 100%;text-align:left}.right-side{align-items:center;margin-top:20px;width:100%}.skills h4{font-size:1.2rem}.skill-name{font-size:.9rem}.profile-pic{height:120px;margin-top:-20px;width:120px}}:root{--bg:#000;--fg:#fff;--fg-dim:#ccc;--accent:#306230;--accent-secondary:#006400;--accent-light:#8bac0f;--accent-invert:#306230;--border:#fff;--surface:#111;--grid-line:#ffffff14;--glow:#ffffff26}[data-theme=light]{--bg:#fff;--fg:#000;--fg-dim:#333;--accent:#306230;--accent-invert:#8bac0f;--border:#000;--surface:#eee;--grid-line:#00000014;--glow:#00000026}html{scroll-behavior:smooth}*{box-sizing:border-box;color:#fff;color:var(--fg);font-family:Courier New,monospace;margin:0;padding:0}::selection{background:#fff;background:var(--fg);color:#000;color:var(--bg)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #306230;outline:2px solid var(--accent);outline-offset:2px}body{background-image:linear-gradient(#ffffff14 1px,#0000 0),linear-gradient(90deg,#ffffff14 1px,#0000 0);background-image:linear-gradient(var(--grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--grid-line) 1px,#0000 1px);background-size:20px 20px;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body,footer,main,nav{background-color:#000;background-color:var(--bg)}footer,main,nav{border:2px solid #fff;border:2px solid var(--border);margin:20px auto;max-width:1100px;padding:16px;width:100%}nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}nav button{background-color:#000;background-color:var(--bg);border:2px solid #fff;border:2px solid var(--border);cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}nav button:not(.theme-switch):focus-visible,nav button:not(.theme-switch):hover{background-color:#fff;background-color:var(--fg);box-shadow:0 0 10px #ffffff26;box-shadow:0 0 10px var(--glow);color:#000;color:var(--bg)}nav button.active{border-color:#306230;border-color:var(--accent)}main{box-shadow:0 0 15px #ffffff26;box-shadow:0 0 15px var(--glow)}.featured-grid{display:flex;flex-wrap:wrap;gap:16px}.featured-card{background:#000;background:var(--bg);border:2px solid #fff;border:2px solid var(--border);cursor:pointer;flex:1 1 280px;max-width:100%;padding:14px;transition:transform .2s,box-shadow .2s}.featured-card:hover{box-shadow:0 0 10px #ffffff26;box-shadow:0 0 10px var(--glow);transform:translateY(-3px)}.featured-card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.featured-card .tag{border:1px solid #fff;border:1px solid var(--border);font-size:12px;padding:2px 6px;white-space:nowrap}.quote-bg,.retro-block{border:2px solid #fff;border:2px solid var(--border);max-width:100%;overflow-wrap:break-word;padding:14px;word-break:break-word}footer{min-height:80px;text-align:center}footer .social-links{display:flex;gap:16px;justify-content:center;margin-top:10px}footer .social-links a{font-size:22px}@media (max-width:600px){nav button{font-size:14px;padding:6px 12px}main{padding:14px}.featured-card{flex:1 1 100%}}.pixel-button{background-color:#000;background-color:var(--bg);border:3px solid #fff;border:3px solid var(--border);box-shadow:3px 3px 0 #fff,6px 6px 0 #000;box-shadow:3px 3px 0 var(--fg),6px 6px 0 var(--bg);color:#fff;color:var(--fg);cursor:pointer;display:inline-block;font-size:16px;letter-spacing:1px;margin-bottom:20px;padding:5px 25px;position:relative;text-align:center;text-transform:uppercase;transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none}.pixel-button:hover{background-color:#fff;background-color:var(--fg);box-shadow:4px 4px 0 #000,8px 8px 0 #fff;box-shadow:4px 4px 0 var(--bg),8px 8px 0 var(--fg);color:#000;color:var(--bg)}.pixel-button:active{box-shadow:1px 1px 0 #000,2px 2px 0 #fff;box-shadow:1px 1px 0 var(--bg),2px 2px 0 var(--fg);transform:translate(2px,2px)}.pixel-input{background-color:#000;background-color:var(--bg);border:3px solid #fff;border:3px solid var(--border);box-shadow:3px 3px 0 #fff,6px 6px 0 #000;box-shadow:3px 3px 0 var(--fg),6px 6px 0 var(--bg);color:#fff;color:var(--fg);font-size:16px;margin-bottom:20px;outline:none;padding:10px 12px;transition:all .1s ease-in-out;width:100%}.pixel-input::placeholder{color:#ccc;color:var(--fg-dim)}.pixel-input:focus{background-color:#fff;background-color:var(--fg);box-shadow:4px 4px 0 #000,8px 8px 0 #fff;box-shadow:4px 4px 0 var(--bg),8px 8px 0 var(--fg);color:#000;color:var(--bg)}.theme-switch{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;flex-shrink:0;padding:4px}.theme-switch__track{background-color:#000;background-color:var(--bg);border:2px solid #fff;border:2px solid var(--border);border-radius:999px;height:24px;position:relative;transition:box-shadow .15s ease;width:46px}.theme-switch__thumb{align-items:center;background-color:#fff;background-color:var(--fg);border-radius:50%;color:#000;color:var(--bg);display:flex;font-size:9px;height:16px;justify-content:center;left:1px;position:absolute;top:1px;transition:transform .2s ease;width:16px}.theme-switch.is-light .theme-switch__thumb{transform:translateX(21px)}.theme-switch:focus-visible .theme-switch__track,.theme-switch:hover .theme-switch__track{border-color:#306230;border-color:var(--accent)}
/*# sourceMappingURL=main.d8e9a9c6.css.map*/