@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@layer base{:root{--background: hsl(225, 80%, 2%);--foreground: hsl(210, 20%, 98%);--card: hsl(224, 71.4%, 4.1%);--element: hsl(220.9, 39.3%, 11%);--element-bright: hsl(220.9, 39.3%, 13%);--element-border: hsl(220.9, 39.3%, 14%);--secondary: hsl(215, 27.9%, 16.9%);--secondary-foreground: hsl(210, 20%, 98%);--muted: hsl(215, 27.9%, 16.9%);--muted-foreground: hsl(217.9, 10.6%, 64.9%);--accent: hsl(215, 27.9%, 16.9%);--accent-foreground: hsl(210, 20%, 98%);--destructive: hsl(0, 62.8%, 30.6%);--destructive-foreground: hsl(210, 20%, 98%);--border: hsl(215, 27.9%, 16.9%);--border-highlight: hsl(215, 27.9%, 20%);--border-bright: hsl(215, 27.9%, 25%);--bright: hsl(215, 27.9%, 40%);--input: hsl(215, 27.9%, 16.9%);--ring: hsl(216, 12.2%, 83.9%);--chart-1: hsl(220, 70%, 50%);--chart-1-highlight: hsl(220, 70%, 54%);--chart-2: hsl(160, 60%, 45%);--chart-3: hsl(30, 80%, 55%);--chart-4: hsl(280, 65%, 60%);--chart-5: hsl(340, 75%, 55%);--chart-5-highlight: hsl(340, 75%, 59%);--hashtag-color: rgb(122, 240, 169);--mention-color: rgb(116, 160, 231);--border-radius: .5rem;--navbar-height: 3.5rem}}@font-face{font-family:Epilogue;src:url(/assets/Epilogue-Variable-Djh2Fh2_.ttf)}@font-face{font-family:Supreme;src:url(/assets/Supreme-Variable-Bzdx_txQ.ttf)}@font-face{font-family:"3270";src:url(/assets/3270-Regular-B5ETf4Sc.ttf)}body,html,#root{width:100%;height:100%;padding:0;margin:0;background:var(--background);font-family:Supreme,sans-serif;overflow:hidden;position:relative}.container{padding:1rem;box-sizing:border-box;gap:1rem;display:flex;flex-direction:column;position:relative;height:100%;width:100%}.center{display:flex;justify-content:center;align-items:center}html{font-size:14px;cursor:none}@media screen and (max-width: 1400px){html{font-size:12px}}@media screen and (max-width: 1100px){html{font-size:10px}}@media screen and (max-width: 800px){html{font-size:8px}}#cursor-remove{cursor:none}.modal-row{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.iphone-modal-container{display:flex;justify-content:center;align-items:center;flex-direction:row}.modal{position:relative;display:flex;justify-content:center;align-items:center}.iphone-modal{width:100%;position:relative;z-index:1;transform:translateY(100vh);pointer-events:none}.iphone-modal-padding{width:100%;height:100%;position:absolute;box-sizing:border-box;padding:8.5%}.iphone-modal-content-wrapper{overflow:hidden;background:#fff;width:100%;height:100%;border-radius:5%;z-index:0;transform:translateY(100vh);box-shadow:0 0 12rem #fff5}.gif-image{width:100%;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none;-webkit-user-select:none;user-select:none}.melapse-title-wrapper{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.melapse-title{position:absolute;font-size:17vw;letter-spacing:.5rem;margin:0;padding:0;transform:translate(-200vw);transition:-webkit-text-stroke-color .5s ease-in-out,opacity .5s ease-in-out;font-family:Arial,Helvetica,sans-serif;font-weight:900}.melapse-title.behind{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px;-webkit-text-stroke-color:#fff;background-clip:text;background:#000;-webkit-background-clip:text;font-family:Supreme,sans-serif}.melapse-title.inside{-webkit-text-fill-color:#fff;-webkit-text-stroke:1px;-webkit-text-stroke-color:#000;font-family:Supreme,sans-serif}.render-button{width:calc(100% - 3rem);height:7rem;background:#4fd6fc;border-radius:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:.15rem solid #4FC6EC;outline:none;display:flex;flex-direction:column;opacity:0;transition:opacity 1s ease-in-out,transform .1s ease-in-out;justify-content:center;align-items:center}.render-button:hover{background:#4ec3ea}.render-button:active{transform:translate(-50%,-50%) scale(.98)}.render-button>.disc{margin:0;padding:0;font-size:3rem}.render-button>.text{margin:0;padding:0;font-size:1rem;color:#fff;font-weight:700;font-family:Supreme,sans-serif}.modal-text-container{width:0%;height:0;opacity:0;z-index:2;overflow:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;mask:linear-gradient(to top,transparent 0%,white 20%,white 95%,transparent);padding-top:1rem;padding-bottom:10rem;box-sizing:border-box}.modal-text-container::-webkit-scrollbar{display:none}.modal-text-container h1{font-family:Supreme,sans-serif;font-size:3rem;font-weight:700;margin:0;padding:0;color:#fff}.modal-text-container p{font-family:Supreme,sans-serif;font-size:1.2rem;font-weight:300;margin:0;padding:0;color:#eee;text-align:justify}.modal-text-container p span{background:#444;color:#aaa;padding-left:.2rem;padding-right:.2rem;border-radius:.4rem}.modal-text-container h4{font-family:Supreme,sans-serif;font-size:1.6rem;font-weight:700;color:#fff;margin:0;padding:0}.modal-text-container.right>*{text-align:justify;direction:rtl}.modal-text-container>button{width:100%;height:3rem;background:#4fd6fc;border-radius:.8rem;border:.15rem solid #4FC6EC;outline:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;font-size:1rem;color:#fff;font-weight:700;font-family:Supreme,sans-serif;transition:background .04s ease-in-out}.modal-text-container>button:hover{background:#4ec3ea}.text-modal-in{animation:text-modal-in 1s ease-in-out forwards}.text-modal-out{animation:text-modal-out 1s ease-in-out forwards}@keyframes text-modal-in{0%{width:0%;opacity:0;height:0}to{width:30%;opacity:1;height:40rem}}@keyframes text-modal-out{0%{width:30%;opacity:1;height:40rem}to{width:0%;opacity:0;height:0}}.notification-container{width:24rem;height:4rem;border-radius:1.25rem;background:linear-gradient(34deg,#3e3e3e,#666);transform:translateY(-8rem) translate(-50%);position:absolute;left:50%;top:1rem;display:flex;flex-direction:row;z-index:10;box-shadow:0 0 5rem #fff2}.notification-container>.image-container{height:100%;display:flex;justify-content:center;align-items:center;width:min-content;padding:.75rem;box-sizing:border-box}.notification-container>.image-container>img{height:100%;border-radius:.5rem}.notification-container>.text-container{display:flex;flex-direction:column;justify-content:center;flex:1}.notification-container>.text-container>h4{padding:0;margin:0;font-size:.9rem;color:#fff;font-family:Supreme,sans-serif}.notification-container>.text-container>p{padding:0;margin:0;font-size:.9rem;color:#fff;font-family:Supreme,sans-serif}.notification-container>.date-container{box-sizing:border-box;padding-right:1rem;padding-top:.6rem}.notification-container>.date-container>p{padding:0;margin:0;font-size:.8rem;color:#c8c8c8;font-family:Supreme,sans-serif}.window{width:90%;height:92%;background:#fff;box-shadow:0 0 1rem #0002;border-radius:.75rem;position:absolute;left:5%;top:4%;overflow:hidden}.window>.header{height:1.8rem;display:flex;align-items:center;padding-left:.5rem;box-sizing:border-box}.window>.body{height:100%;background:#fff}.window>.header>.action-btn-container{flex-direction:row;gap:.5rem;display:flex;justify-content:space-between}.window>.header>.action-btn-container>div{height:.8rem;width:.8rem;border-radius:.4rem}.window>.header>.action-btn-container>.close{background-color:#ed695e}.window>.header>.action-btn-container>.minimize{background-color:#f5bd4f}.window>.header>.action-btn-container>.maximize{background-color:#61c354}@media screen and (max-width: 800px){.modal-row{flex-direction:column}@keyframes text-modal-in{0%{width:0%;opacity:0;height:0}to{width:70%;opacity:1;height:40rem}}@keyframes text-modal-out{0%{width:70%;opacity:1;height:40rem}to{width:0%;opacity:0;height:0}}}@media screen and (min-width: 800px){@keyframes text-modal-in{0%{width:0%;opacity:0;height:0}to{width:30%;opacity:1;height:40rem}}@keyframes text-modal-out{0%{width:30%;opacity:1;height:40rem}to{width:0%;opacity:0;height:0}}}.cursor-outer{position:absolute;top:0;left:0;transform:translate(-50%,-50%);transform-origin:left top;z-index:9999;pointer-events:none}.cursor{width:2.5vmax;height:2.5vmax;border-radius:1.25vmax;-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%);pointer-events:none;opacity:0;transition:.2s ease-in-out scale,opacity .1s ease-in-out;scale:0 0;display:flex;justify-content:center;align-items:center}.cursor>.horizontal-scroll-indicator{translate:0 -.1vmax;transition:opacity .1s ease-in-out;opacity:0;position:absolute;font-family:Manrope,sans-serif;font-weight:800;color:#000}.dashed-line{position:absolute;border-bottom:10px solid white;pointer-events:none;opacity:.1;z-index:1}.scroll-down-button{height:4rem;cursor:none;position:fixed;bottom:2rem;left:2rem;border-radius:2.5rem;border:none;background:var(--element);outline:var(--border) solid;outline-width:0rem;display:flex;justify-content:center;align-items:center;transform:scale(1);transition:transform .1s ease-in-out,opacity .5s ease-in-out;box-sizing:border-box;padding:0 2rem 0 1.5rem;gap:.5rem;z-index:10}.scroll-down-button:hover{outline-width:.2rem}.scroll-down-button:active{transform:scale(.9)}.scroll-down-button>svg{-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--border-bright);width:1.5rem;height:1.5rem}.scroll-down-button>p{color:var(--border-bright);position:absolute;margin-left:2rem;font-size:1.2rem;font-family:Supreme,sans-serif}.pages-container{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.pages-container::-webkit-scrollbar{display:none}.pages-container>section{width:100%;min-height:100%;height:100%;position:relative;display:flex;justify-content:space-evenly;flex-direction:column;scroll-snap-align:start;overflow:hidden}.svg-scrollbar{width:100%;height:100%;position:fixed;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none}.svg-scrollbar>svg{transform-origin:center bottom;width:100%;height:100%;object-fit:fill}.svg-scrollbar>svg>path{background:red}.body.projects{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex:2}.body.projects>.projects-bg{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;transform:scaleY(0);transform-origin:center bottom;animation:scale-up 1s ease-in-out forwards}@keyframes scale-up{to{transform:scaleY(1)}}.title-container-perspective-wrapper{perspective:10rem;perspective-origin:50% 50%;width:100%;min-height:15rem;flex:1;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity 1s ease-in-out forwards}.title-container{width:100%;height:100%;z-index:0;transform:rotateX(20deg);transform-origin:0 100%;display:flex;justify-content:center;align-items:center}.title-container>.title-content{width:56rem;min-width:56rem;position:absolute;display:flex;justify-content:center;align-items:center}svg>.title-background-dash{fill:none;stroke:#fff;stroke-width:2%;z-index:100;position:absolute;stroke-dasharray:9783.5px;stroke-dashoffset:9783.5px;animation:move 4.5s ease-in-out forwards,size 5s ease-in-out forwards;animation-fill-mode:forwards;stroke-linecap:round}.title-container>.title-overlay{width:50rem;min-width:50rem;position:absolute;z-index:2;transform:scale(1.3) translateY(-2rem)}.title-container>.path-overlay{z-index:2;width:56rem;min-width:56rem;position:absolute;opacity:.5}.path-overlay>svg>.title-background-dash{stroke:var(--bright);opacity:.42}@keyframes move{to{stroke-dashoffset:0}}@keyframes size{to{stroke-width:5%}}.project-scroller{display:flex;flex-direction:row;justify-content:center;width:100%;height:min-content;position:relative}.touchscreen-project-scroller{overflow-x:scroll;overflow-y:hidden;justify-content:unset;align-items:center;height:100%;box-sizing:border-box;padding-right:4rem;padding-left:4rem;scrollbar-width:none;-ms-overflow-style:none}.touchscreen-project-scroller::-webkit-scrollbar{display:none}.project-scroller>.projects{width:min-content;display:flex;flex-direction:row;height:min-content;gap:3rem;margin-left:auto;margin-right:auto}.project-window{width:28rem;height:18rem;background:var(--element);border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;outline:solid var(--border);outline-width:0rem;transition:outline .05s ease-in-out;box-shadow:0 0 5rem 1rem #111827b6;position:relative;opacity:0}.project-window:hover{outline-width:.2rem}.project-window>.header{min-height:2.4rem;width:100%;position:relative;display:flex;align-items:center;padding-left:.8rem;box-sizing:border-box}.project-window>.header>p{position:absolute;color:var(--border-bright);left:50%;transform:translate(-50%);text-align:center;font-size:1rem;font-family:Epilogue,sans-serif;font-weight:600;transition:color .1s ease-in-out;-webkit-user-select:none;user-select:none}.project-window>.header>.action-button-container{flex-direction:row;gap:.6rem;display:flex;justify-content:space-between}.project-window>.header>.action-button-container>div{height:1rem;width:1rem;border-radius:.5rem}.project-window>.header>.action-button-container>.close{background-color:#ed695e}.project-window>.header>.action-button-container>.minimize{background-color:#f5bd4f}.project-window>.header>.action-button-container>.maximize{background-color:#61c354}.project-window>.body{flex-grow:1;min-height:0;width:100%;position:relative;display:flex;justify-content:center;align-items:center}.project-window>.body>img{height:80%;-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:cover}.project-window>.tag-mask{width:100%;height:max-content;position:relative;box-sizing:border-box;padding-bottom:1rem;mask:linear-gradient(90deg,transparent,white 10%,white 90%,transparent);-wekkit-mask:linear-gradient(90deg,transparent,white 10%,white 90%,transparent)}.project-window>.tag-mask>.tag-container{display:flex;flex-direction:row;gap:1rem;width:max-content;animation:infinite-scroll 15s linear infinite}.project-window>.tag-mask>.tag-container>span.tag{border:.2rem solid var(--element-border);background:var(--element-bright);color:var(--border-bright);flex-wrap:nowrap;white-space:nowrap;border-radius:.5rem;padding:.3rem .8rem;box-sizing:border-box;font-size:1.2rem;font-family:Epilogue,sans-serif;font-weight:600;-webkit-user-select:none;user-select:none}.external-link-icon{position:absolute;right:.5rem;top:.5rem;height:1.5rem;width:1.5rem;cursor:pointer;transition:transform .1s ease-in-out;color:var(--border-highlight)}@keyframes infinite-scroll{to{transform:translate(calc(-50% - .5rem))}}.cursor-move-indicator{opacity:0;width:4rem;height:4rem;background:#fff;border-radius:50%;position:absolute;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 2rem 2rem #0000005e}.aboutme{width:100%;min-height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;scroll-snap-align:start}.aboutme>.bg-img{width:calc(100% - 5rem);top:1rem;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;transform:scaleY(-1) scaleX(-1) translateY(12%)}.macbook-inner-bg-img{position:absolute;width:100%;height:100%;z-index:1}.margin-aboutme{width:100%;margin-top:4rem}.page-aboutme{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:2rem 4rem;padding-left:15%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;mask:linear-gradient(0deg,transparent 0%,#000 7.5%,#000 92.5%,transparent 100%)}.page-aboutme::-webkit-scrollbar{display:none}.page-aboutme>h1,.page-aboutme>h2,.page-aboutme>p,.page-aboutme>span{color:#fff;padding:0;margin:0;width:85%;font-family:Supreme,sans-serif;margin-top:.25rem}.page-aboutme>p{color:#ddd;font-size:1.2rem;text-align:justify}.page-aboutme>h1{font-size:2.4rem;font-family:Epilogue,sans-serif}.page-aboutme>h2{margin-top:1.5rem;font-size:1.8rem;font-family:Epilogue,sans-serif}.page-aboutme>p.discrete{opacity:.4;font-size:.9rem;text-align:center}.code-container{display:inline-flex;flex-wrap:wrap;margin-top:.5rem!important;box-sizing:border-box;padding:.5rem!important;background:var(--element);border:.15rem solid var(--element-border);border-radius:.5rem}.code-container span{display:inline;width:min-content;font-family:Courier New,Courier,monospace!important}.code-container span{color:#ddd;font-size:1.3rem;text-align:justify;white-space:nowrap}.code-container .keyword{color:#d73a49}.code-container .string{color:#c9c946}.code-container .type{color:#f3f33d}.code-container .variable{color:#fff}.code-container .number{color:#005cc5}.code-container .comment{color:#6a737d}@media screen and (max-width: 800px){.page-aboutme{padding-left:10%}.page-aboutme>h1,.page-aboutme>h2,.page-aboutme>p{width:90%}}.empty-text{color:var(--border-highlight);font-family:Supreme,sans-serif;font-size:1.5rem;text-align:center;margin-top:1rem}.macbook-content{width:100%;height:100%;overflow:hidden;position:relative;background:linear-gradient(-150deg,#00b2ff,#7579f0);display:flex;flex-direction:column;cursor:default!important}.macbook-content>.header{width:100%;height:4.25%;display:flex;align-items:center;box-sizing:border-box;padding-left:1.5rem;padding-right:1.5rem;z-index:2;background:#fff5}.macbook-content>.header>p{font-family:Supreme,sans-serif;font-size:1rem;color:#fff;font-weight:500}.macbook-content>.body{width:100%;height:100%;cursor:default!important;display:flex;justify-content:center;align-items:center;position:relative}.macbook-content>.footer{width:100%;display:flex;justify-content:center;align-items:center;height:min-content;box-sizing:border-box;padding:1rem}.macbook-content>.background{width:100%;height:100%;object-fit:cover;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.dock{width:min-content;height:100%;display:flex;align-items:center;flex-direction:row;height:min-content;gap:.25rem;background:#4a618280;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border:.1rem solid hsl(215,27.9%,40%,.5);padding:.25rem;border-radius:1.25rem;z-index:1000}.dock.big{border-radius:1.75rem;width:min(40rem,80%);border-radius:4.5%/24.5%}.dock.big>.icon{width:100%!important;height:unset!important;aspect-ratio:.8}.dock.big>.icon>.hover-title{transform:translateY(-135%);border:.1rem solid black;font-size:1.5rem;color:#fff;padding:.5rem 1.25rem;border-radius:1rem;opacity:0}.dock>.icon{border-radius:12.5%;height:4.5rem;width:4rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.dock>.icon>img{width:100%;aspect-ratio:1;-webkit-user-select:none;user-select:none;pointer-events:none}.dock>.icon>.active{width:.35rem;height:.35rem;border-radius:50%;background:#fff8;transform:translateY(.25rem)}.dock>.icon>.hover-title{position:absolute;top:0;padding:0;margin:0;transform:translateY(-135%);border:.1rem solid black;font-size:1rem;color:#fff;background:#404;padding:.25rem .75rem;border-radius:.5rem;opacity:0;transition:opacity 25ms ease-in-out}.dock>.icon>.hover-title:before{content:"";width:.5rem;height:.5rem;background:#404;border:.1rem solid black;z-index:-1;mask:linear-gradient(135deg,transparent 50%,#440044 50%);position:absolute;display:block;left:50%;bottom:0;transform:translate(-50%,50%) rotate(45deg)}.dock>.icon:hover .hover-title{opacity:1}.dock>.divider{width:.1rem;height:3.75rem;background:#becada80;border-radius:.25rem;margin-left:.5rem;margin-right:.5rem}.macbookmodal{display:flex;justify-content:center;align-items:center;aspect-ratio:1.50735294118;width:fit-content;position:relative;perspective:4000px;perspective-origin:50% 50%;--cutoff: 94.53%}.macbookmodal>img{height:100%;aspect-ratio:1.50735294118;object-fit:contain;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;mask:linear-gradient(to bottom,white var(--cutoff),transparent var(--cutoff))}.macbookmodal>img.bottom{position:absolute;z-index:10;mask:linear-gradient(to bottom,transparent var(--cutoff),white var(--cutoff));-webkit-user-select:none;user-select:none;pointer-events:none}.macbookmodal>.content-padding{position:absolute;height:100%;width:100%;aspect-ratio:1.50735294118;box-sizing:border-box;padding:7.25% 10.25%;z-index:0}.macbookmodal>.content-padding>.wrapper{width:100%;height:100%;box-shadow:0 0 10rem #26a8d3c5}.macbookmodal>img:not(.bottom),.macbookmodal>.content-padding{transform:rotateX(-84deg);transform-origin:center var(--cutoff)}@keyframes open-macbook{0%{transform:rotateX(-84deg)}to{transform:rotateX(0)}}.page-2-container.fullscreened{padding:0rem}.page-2-container.fullscreened .page2-fullscreen{outline:none;border-radius:0;background:var(--background);box-shadow:0 0 5rem 1rem transparent}.page-2-container.fullscreened .page2-fullscreen>.header{opacity:0;height:0%}.page2-fullscreen{width:100%;height:100%;opacity:1;background:#030712;outline:.2rem solid var(--element);transition:background .5s ease-in-out,box-shadow .5s ease-in-out}.page2-fullscreen>.header{transition:opacity .5s ease-in-out,height .5s ease-in-out}.terminal{width:100%;height:100%;display:flex;flex-direction:column;gap:.1rem;box-sizing:border-box;padding:1rem 0;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.terminal.fullscreened{transform:translate(-50%);opacity:0}.terminal .terminal-row{width:100%;display:flex;align-items:center;flex-direction:row;min-height:2.5rem;box-sizing:border-box;padding:0 2rem;position:relative;margin-bottom:.25rem}.terminal>.previous-commands{display:flex;flex-direction:column;gap:.1rem}.terminal .terminal-row>p{color:#ccc;font-size:2rem;font-family:"3270",sans-serif;padding:0;margin:0;line-height:2.4rem;overflow-wrap:break-word}.terminal .terminal-row.highlighted{background:var(--element);outline:.2rem solid var(--element-border);transition:opacity .5s ease-in-out}.terminal .terminal-row .terminal-cursor{width:1rem;height:1.6rem;transform:translateY(.3rem);display:inline-block;position:relative;background:#ccc;border:.15rem solid #ccc;animation:blink 1.25s infinite step-start}@keyframes blink{0%,50%{background:#ccc}51%,to{background:none}}
