@import"https://fonts.googleapis.com/css2?family=FF+Infra";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*,* :before,*:after{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:MyFont;src:url(/assets/MyFonts2-D7YYZJ1A.woff2) format("woff2");font-weight:bolder!important}:root{--card-w: 315.6px;--card-h: 320.6px;--bg: #f2f2f2;--txt: #000000;--high-light: #000000;--high-light-txt: #ffffff}:root.dark{--bg: #000000;--txt: #ffffff;--high-light: #ffffff;--high-light-txt: #000000}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg);color:var(--txt);position:relative}body{line-height:1.45;overflow-x:hidden;font-family:Outfit,sans-serif,monospace;-webkit-font-smoothing:antialiased}button{cursor:pointer;background:transparent;border:none;margin:0;padding:0}a{text-decoration:none;color:inherit}::selection{background-color:var(--high-light);color:var(--high-light-txt)}.inverse::selection{background-color:#00f;color:#fff}.wrapper{width:100vw;height:100vh;overflow:hidden}header{max-width:1400px;margin:140px 160px}.intro-section{display:flex;flex-direction:column;align-items:flex-start;max-width:900px}.intro{display:block;font-size:2.5em;margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate;line-height:1.4;letter-spacing:.5px;font-weight:900!important;font-family:MyFont!important;filter:contrast(18.5)}.intro span{background-color:var(--high-light);color:var(--high-light-txt);padding:0;font-weight:700;font-size:1em;unicode-bidi:isolate}.intro span a{text-decoration:underline!important}.links{display:flex;align-items:center;flex-wrap:wrap;gap:30px}.link{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px}.link:hover{text-decoration:underline!important}.link svg{height:24px;display:inline-block;fill:var(--high-light)}.twitter svg{height:20px}.link span{font-family:FF Infra,sans-serif;font-size:16px;font-weight:500}.intro-section,.links{opacity:0;animation:fadeInContent .4s ease .3s forwards}header,footer{opacity:0;animation:fadeInContent .4s ease .3s forwards}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}footer{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:5px 20px;position:fixed;bottom:10px;z-index:999!important}.copyrights{text-transform:capitalize;font-size:12px;font-weight:500}.cards-section-draggable{position:fixed;left:0;right:0;top:50px;height:100vh;width:100%;overflow:visible;pointer-events:none;background:transparent!important;z-index:900}.card-draggable{position:absolute;left:0;top:0;width:var(--card-w);height:var(--card-h);border-radius:5px;box-sizing:border-box;background:#fff;color:#111;border:2px solid #000000;pointer-events:auto;display:flex;align-items:flex-start;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;will-change:transform,opacity;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.card-draggable:hover{z-index:9999!important}.card-draggable:not(.grabbing):hover{box-shadow:0 28px 60px #00000038;z-index:9999!important}.card-draggable.animate{transition:transform .7s ease-in-out,opacity .2s ease}.card-draggable.grabbing{cursor:grabbing;box-shadow:0 28px 60px #00000038}.card-inner{width:100%;height:100%;display:flex;flex-direction:column;padding-inline:20px;padding-block:20px;border:2px solid transparent}.card-01,.card-02,.card-03,.card-04,.card-05,.card-06{transform-origin:50% 60%}.card-icon{line-height:1;width:30px;height:30px;display:inline-flex}.card-icon img{height:100%;width:100%}.card-meta{display:flex;flex-direction:column;width:100%;position:relative;top:20px}.card-desc{margin:0;font-size:24px;font-family:FF Infra,Segoe UI,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.25;color:inherit;font-weight:700!important;text-align:left!important}.card-title{font-size:16px;margin-top:15px;font-weight:500;color:inherit;font-family:FF Infra,Segoe UI,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.card-date{font-size:17px;color:inherit;font-family:FF Infra,sans-serif;position:absolute;bottom:20px;left:20px}.card-desc:hover{text-decoration:underline!important}.project-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.project-modal-content{width:100%;height:100%;background:#fff;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.modal-left{padding:36px;display:flex;align-items:center;justify-content:center}.modal-left-inner{width:100%;max-width:100%;min-height:100%;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between!important}.modal-close{background:transparent;border:none;cursor:pointer;color:inherit}.model-close svg{height:1em;width:1em}.model-inner-details{display:flex;flex-direction:column;align-items:flex-start;padding-left:40px}.modal-inner-desc{font-size:50px;line-height:1.1;font-weight:700!important;margin-bottom:15px;font-family:FF Infra,sans-serif,monospace;max-width:90%}.modal-title{margin:0 0 12px;font-size:28px;line-height:1.05;font-weight:400!important;position:relative;top:50px;display:flex;align-items:center;gap:5px}.modal-title a:hover{text-decoration:underline!important}.modal-date{font-size:33px;margin-top:90px;padding-left:40px}.modal-right{overflow-y:auto;padding:100px 70px 20px 80px;background:#fafafa}@media(max-width:1068px){header{margin-block:10px;margin-inline:30px;max-width:100%}.intro{font-size:1.5em}.intro span{font-size:1em}.card-draggable{width:250px;height:250px}.card-icon{width:20px;height:20px;position:relative;left:2px}.card-desc{font-size:18px}.card-meta{bottom:10px;gap:10px}.card-title{font-size:15px!important}.card-top{margin-bottom:0}.card-date{font-size:14px}.project-modal-content{display:grid!important;grid-template-columns:1fr;grid-auto-rows:100vh;height:100vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;box-sizing:border-box}.modal-left{height:100vh!important;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;padding:32px 24px}.modal-close svg{width:2.5em;height:2.5em}.modal-left-inner{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:space-between}.modal-right{height:100vh!important;min-height:0;overflow:visible!important;padding:40px 28px 24px;box-sizing:border-box;align-self:stretch}.model-inner-details{max-width:85%}.modal-title{font-size:clamp(18px,4vw,28px);top:6px}.modal-date{font-size:18px;margin-top:88px}.project-modal-content.expanded,.project-modal-content.mode--expand{grid-template-columns:1fr;grid-auto-rows:100vh;overflow-y:auto!important}}@media screen and (max-width:768px){.modal-left{padding:20px}.model-inner-details{max-width:90%;padding-left:20px}.card-draggable{border-radius:8px}}@media screen and (max-width:586px){.modal-left{height:60vh!important;padding:12px;min-height:60vh}.project-modal-content{grid-template-rows:60vh 1fr}.modal-inner-desc{font-size:30px}.model-inner-details{max-width:100%;padding-left:10px;bottom:20px}.modal-inner-desc{max-width:100%}.modal-date{margin-top:20px}.modal-title svg{height:25px;width:25px}.cards-section-draggable{padding:0;width:100%}.intro span{font-family:2em}.copyrights{font-size:10px}}.theme-toggle-container{display:block}.checkbox-wrapper-41{--size: 40px}.checkbox-wrapper-41 input[type=checkbox]{-webkit-appearance:none;width:var(--size);height:calc(var(--size) / 2);background-color:#000;border:3px solid #222;border-radius:30px 100px 100px;box-shadow:0 10px 20px #0003;outline:none;cursor:pointer;position:relative;transition:all .5s}.checkbox-wrapper-41 input[type=checkbox]:before{content:"";position:absolute;width:calc(var(--size) / 2);height:calc(var(--size) / 2);left:0;top:50%;transform:translateY(-50%) scale(.7);border:3px solid #222;border-radius:30px 100px 100px;background-color:#fff;box-sizing:border-box;transition:all .5s}.checkbox-wrapper-41 input[type=checkbox]:checked{background-color:#fff;border-radius:100px 100px 30px}.checkbox-wrapper-41 input[type=checkbox]:checked:before{left:50%;background-color:#000;border-radius:100px 100px 30px}