@import"https://fonts.googleapis.com/css2?family=Silkscreen&family=Space+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Chango&family=Silkscreen&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Space Mono,monospace;font-weight:400;font-style:normal}p{margin:0}main{min-height:90vh;margin:0 auto}section{margin:2em 0}.folder-icon{width:min-content;display:flex;flex-direction:column;place-items:center}.folder-icon svg{fill:#fbcf51}.folder-icon div{color:#fff}.navbar{font-size:12px;padding:5px 10px;background:linear-gradient(#eaeae8,#c2c4c4);display:flex;justify-content:space-between;align-items:center;color:#000}.navbar img{height:20px;width:20px}.desktop-area{position:relative;width:100vw;height:calc(100vh - 30px);overflow:hidden;background-color:#346caa;background:url(/assets/spbg1-BZVbfBXt.jpeg);background-repeat:repeat;color:#000}.profile-viewer{position:absolute;height:450px;width:400px;background:url(/assets/pinnedpaper-H-h446c2.webp) repeat;background-size:cover;background-color:#0006;background-blend-mode:multiply;color:#f6f0e8;text-shadow:1px 1px 0 rgba(120,120,120,.9);border:1px solid #333;z-index:10;display:flex;flex-direction:column;pointer-events:auto;font-family:Space Mono,monospace}@media(max-width:600px){.profile-viewer{width:300px}}@media(max-width:400px){.profile-viewer{width:250px}}.profile-viewer hr{border:none;border-top:1px dashed #444;margin:8px 0}.tech-list{max-width:100%}.tech-list ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;gap:4px}.tech-list ul svg{height:25px;width:25px}.tech-list ul li{display:flex;flex-direction:column;align-items:center;font-size:12px}.profile-header{background:linear-gradient(#3a3a3a,#1c1c1c);color:#fff;padding:6px 10px;cursor:move;display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px solid #444}.profile-header .close-btn{background:#444;border:1px solid #777;color:#fff;cursor:pointer;width:20px;height:20px;line-height:16px;text-align:center;font-size:14px;padding:0}.profile-header .close-btn:hover{background:#b00;border-color:#900}.profile-content{color:color-mix(in srgb,salmon 40%,yellow 60%);padding:10px 10px 10px 22px;flex:1;overflow:auto;font-size:14px;align-content:flex-end}.blog-viewer{position:absolute;height:500px;width:400px;background:url(/assets/greenpaper-sHpKibOU.webp) repeat;background-size:cover;background-blend-mode:multiply;color:#36353c;border:1px solid #333;z-index:10;display:flex;flex-direction:column;pointer-events:auto;font-family:Space Mono,monospace}.blog-header{color:#fff;padding:6px 10px;cursor:move;display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px solid #444}.blog-header .close-btn{background:#444;border:1px solid #777;color:#fff;cursor:pointer;width:20px;height:20px;line-height:16px;text-align:center;font-size:14px;padding:0}.blog-header .close-btn:hover{background:#b00;border-color:#900}.blog-content{padding:10px;flex:1;overflow:auto;font-size:13px;background:#ffffff80}.post{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #444}.post:last-child{border-bottom:none}.post h3{margin:0 0 10px;color:#1f1e20;font-size:14px;text-shadow:1px 1px 0 rgba(160,160,160,.9)}.post p{margin:5px 0;color:#36353c;font-size:13px}@media(max-width:600px){.blog-viewer{width:300px}}@media(max-width:400px){.blog-viewer{width:250px}}.blog-content h2{margin:0 0 16px;font-size:16px;color:#36353c}.post .date{font-size:12px;color:#666;margin-bottom:8px}.post .description{margin-top:8px;font-size:13px;line-height:1.4}.post img{border-radius:4px;border:1px solid #eee}.post a:hover{text-decoration:underline}.dfihighlight{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#de5757;box-shadow:0 -16px #de575761 inset}.contact-viewer{position:absolute;height:400px;width:350px;background:url(/assets/yellowenvelop-B4gl9dF9.webp) repeat;background-size:cover;background-color:#00000040;background-blend-mode:multiply;color:#36353c;border:1px solid #333;z-index:10;display:flex;flex-direction:column;pointer-events:auto;font-family:Space Mono,monospace}.contact-header{background:linear-gradient(#3a3a3a,#1c1c1c);color:#fff;padding:6px 10px;cursor:move;display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px solid #444}.contact-header .close-btn{background:#444;border:1px solid #777;color:#fff;cursor:pointer;width:20px;height:20px;line-height:16px;text-align:center;font-size:14px;padding:0}.contact-header .close-btn:hover{background:#b00;border-color:#900}.contact-content{padding:20px;flex:1;overflow:auto;font-size:13px;background:#ffffffb3}.contact-content h2{margin:0 0 20px;font-size:16px;color:#36353c;text-shadow:1px 1px 0 rgba(255,255,255,.9)}.contact-details{padding:12px 0;display:flex;flex-direction:column;gap:4px}.contact-details p{margin:0;color:#36353c}.contact-details a{color:#2b5876;text-decoration:none;transition:color .2s}.contact-details a:hover{color:#1a365d;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.welcome-modal{width:500px;background:#fff;border:1px solid #333;border-radius:4px;box-shadow:0 4px 20px #0000004d}.modal-header{background:linear-gradient(#eaeae8,#c2c4c4);color:#000;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;font-size:14px}.modal-header .close-btn{background:#444;border:1px solid #777;color:#fff;cursor:pointer;width:20px;height:20px;line-height:16px;text-align:center;font-size:14px;padding:0}.modal-header .close-btn:hover{background:#b00;border-color:#900}.modal-content{padding:20px;color:#36353c;font-family:Space Mono,monospace}.modal-content h2{margin:0 0 15px;font-size:18px}.modal-content p{margin:10px 0;font-size:14px;line-height:1.5}.modal-content ul{margin:10px 0;padding-left:25px;font-size:14px}.modal-content li{margin:5px 0}.modal-actions{margin-top:25px;display:flex;gap:10px;justify-content:flex-end}.continue-btn,.plain-btn{padding:8px 16px;border:1px solid #333;border-radius:3px;cursor:pointer;font-family:Space Mono,monospace;font-size:13px;transition:all .2s ease}.continue-btn{background:#2b5876;color:#fff}.continue-btn:hover{background:#1a365d}.plain-btn{background:#d5d5d5;color:#333}.plain-btn:hover{background:#c5c5c5}._carouselContainer_1bybx_2{position:relative}._post-list_1bybx_8{display:flex;gap:1.5em;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1em .5em;margin:0 -.5em;scrollbar-width:none;-ms-overflow-style:none}._post-list_1bybx_8::-webkit-scrollbar{display:none}._post-list-item_1bybx_24{flex:0 0 320px;scroll-snap-align:start;background:linear-gradient(145deg,#3a5d3a,#2a4a2a);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}._post-list-item_1bybx_24:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}._post-list-item_1bybx_24>div:first-of-type>p{background:linear-gradient(90deg,#3e7c59,#2d5c42);margin:0;text-align:center;text-transform:uppercase;padding:.5em;font-size:.75em;letter-spacing:.5px}._post-list-item_1bybx_24 div:nth-of-type(2) p{font-size:12px;padding:12px 16px;line-height:1.5}._post-list-item_1bybx_24 img{width:100%;aspect-ratio:16 / 9;object-fit:cover}._read-post_1bybx_60{justify-self:end;padding:0 16px 12px}._read-post_1bybx_60 a{display:inline-flex;align-items:center;gap:6px;font-size:13px;position:relative;padding:6px 12px;color:#f9e386;text-decoration:none;background:#f9e3861a;border:1px solid rgba(249,227,134,.2);border-radius:6px;transition:background .2s ease,border-color .2s ease}._read-post_1bybx_60 a:hover{background:#f9e38633;border-color:#f9e38666}._read-post_1bybx_60 a:after{content:"→";transition:transform .2s ease}._read-post_1bybx_60 a:hover:after{transform:translate(4px)}body{background:beige;color:#030303}*{font-family:Space Mono,monospace;font-weight:400;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:Chango,sans-serif;font-weight:400;font-style:normal}.main-content{margin:auto;max-width:1300px}.intro-section h1{box-shadow:0 -12px #eab464cf inset;display:inline-block;transition:all .2s ease-in-out}.intro-section h1:hover{color:#f9e386;box-shadow:0 -32px #2b2202 inset}.intro-section p{font-size:1.25em}.text-content{max-width:640px;text-align:balanced}.dfihighlight{white-space:nowrap;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#26804a;box-shadow:0 -16px #4ea57130 inset}.dfihighlight a{color:unset;text-decoration:none}#text{display:inline-block;padding:0 4px;font-weight:600;background:#2660a4;color:#edf7f6}.blog-section{margin:4em 0}.blog-card-link{color:inherit;text-decoration:none}.blog-card-tags{background:#fbcf51;max-width:max-content;padding:0 4px;z-index:4}.blog-card{min-width:280px;display:flex;flex-direction:column}.blog-card-thumbnail{padding:0 2px;overflow:hidden;border-radius:5px;margin-bottom:-40px;z-index:1;transform:translate(10px)}.blog-card-thumbnail:hover{transform:rotate(3deg) translate(2px)}img{width:100%;object-fit:cover;border-radius:5px;border:1px solid #3B252C}.blog-card-content{min-height:100px;background:#fff;border:1px solid black;color:#000;padding:4px 8px;anchor-name:--blog-card-content;z-index:5}.blog-card-content a{color:inherit;text-decoration:none}.blog-card-title{font-weight:700;font-size:12px}.blog-card-desc{font-size:12px}.blog-card-time{font-size:12px;text-align:right}.footer{padding:2em 2em 4em;background:#84acce;background:url(/assets/grassnightsky-D_gSzcCM.jpeg);background-size:contain;color:beige;border-top-right-radius:20px;border-top-left-radius:20px}.footer *{color:beige}.footer>*{max-width:1300px;margin:auto}.footer .footer-setallite{position:absolute;margin-top:-2.5em}.footer .footer-setallite svg{height:50px;width:50px;animation-name:float;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.footer-meteor{position:fixed;right:0;bottom:0;opacity:.4;z-index:1}.footer-meteor svg{height:200px;width:200px}.footer-links{display:flex;gap:1em;flex-wrap:wrap}.footer-links a svg,.footer-links a svg path{color:beige;fill:beige!important;height:24px;width:24px}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-5px)}to{transform:translatey(0)}}@media(max-width:500px){body{padding:0 1em}.footer-setallite{margin-left:-1.5em}}