*{border:0;box-sizing:border-box;font-family:SF Pro;margin:0}body,html{background-color:#111;color:#fff}@font-face{font-family:SF Pro;font-weight:400;src:url(/static/media/SFPRODISPLAYREGULAR.d1f5e6e16dd4f75c3950.OTF) format("truetype")}@font-face{font-family:SF Pro;font-weight:700;src:url(/static/media/SFPRODISPLAYBOLD.b1f4d2c69fa808ebca12.OTF) format("truetype")}@font-face{font-family:Akira;font-weight:400;src:url(/static/media/Akira-Expanded-Demo.5198553380d9bb727554.otf) format("truetype")}@font-face{font-family:Nexa;font-weight:400;src:url(/static/media/Nexa-ExtraLight.2e3441a81090afda5785.ttf) format("truetype")}@font-face{font-family:Nexa;font-weight:700;src:url(/static/media/Nexa-Heavy.13e16a1c3c48dd492fa9.ttf) format("truetype")}@font-face{font-family:Lemontea;font-weight:400;src:url(/static/media/Lemontea.cb1aea32625271a69dd1.ttf) format("truetype")}:root{--default-radius:20px;--shadow-1:-4px 8px 24px rgba(0,0,0,.125);--shadow-2:0px 0px 24px rgba(0,0,0,.125);--border-gradient-onyx:linear-gradient(to bottom right,#404040,#40404000 50%);--bg-gradient:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;--jet:#383838;--lighter-jet:#828282;--default-transition:0.5s ease;--eerie-black:#1e1e1f;--eerie-black-2:#757575;--charcoal-gray:#2b2b2b;--charcoal-gray-2:#1b1b1b;--primary:#aaaeff;--primary-darker:#777bb9;--outline:1px solid red;--section-divider:20px}.information-bite{display:flex;gap:10px;justify-content:flex-start}.boxed-icon{align-items:center;background:var(--bg-gradient);border-radius:10px;box-shadow:var(--shadow-1);color:var(--primary);display:flex;font-size:20px;height:50px;justify-content:center;position:relative;width:50px;z-index:0}.boxed-icon:before{background:var(--border-gradient-onyx);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.information-container{display:flex;flex-direction:column;gap:5px;justify-content:center}.information-container .title{color:var(--lighter-jet);font-size:12px}.information-container .option{font-size:14px}.glass-surface{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;transition:opacity .26s ease-out}.glass-surface__filter{height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:-1}.glass-surface__content{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;padding:.5rem;position:relative;width:100%;z-index:1}.glass-surface--svg{-webkit-backdrop-filter:url(#glass-filter) saturate(1);backdrop-filter:url(#glass-filter) saturate(1);-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));background:light-dark(#fff0,#0000);background:light-dark(hsl(0 0% 100%/var(--glass-frost,0)),hsl(0 0% 0%/var(--glass-frost,0)));box-shadow:inset 0 0 2px 1px light-dark(color-mix(in oklch,#000,#0000 85%),color-mix(in oklch,#fff,#0000 65%)),inset 0 0 10px 4px light-dark(color-mix(in oklch,#000,#0000 90%),color-mix(in oklch,#fff,#0000 85%)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px 0 #1f268733,0 2px 16px 0 #1f26871a,inset 0 1px 0 0 #fff6,inset 0 -1px 0 0 #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px 0 0 #fff3,inset 0 -1px 0 0 #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px 0 0 #ffffff80,inset 0 -1px 0 0 #ffffff4d}.glass-surface--fallback:before{background:#ffffff26;border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}.navbar-container{border-radius:16px;display:flex;gap:20px;padding:10px}.navbar-container button{all:unset;border-radius:10px;color:#fff;padding:10px 15px;position:relative;transition:var(--default-transition)}.navbar-container button:hover{background-color:var(--charcoal-gray);color:var(--primary);cursor:pointer}.navbar-container button.active{color:var(--primary)}.navbar-container button.active:hover{background-color:initial}.navbar-container button.active:after{background-color:var(--primary);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.glass-surface-wrapper{margin:0 20px}.page-title-container{font-size:30px;font-weight:700;width:100%}.featured-projects-card{display:flex;flex-direction:column;gap:5px}.featured-projects-card .project-img{border-radius:var(--default-radius);height:150px;overflow:hidden;position:relative;width:250px}.featured-projects-card .project-img img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.featured-projects-card .img-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.featured-projects-card .img-overlay .eye-icon{color:#fff;font-size:2rem;opacity:.8}.hover-enabled .project-img:hover img{cursor:pointer;transform:scale(1.1)}.hover-enabled .project-img:hover .img-overlay{cursor:pointer;opacity:1}.featured-projects-card .project-name{font-weight:700;padding-left:10px;transition:var(--default-transition)}.hover-enabled .project-img:hover~.project-name{color:var(--primary);font-weight:700}.featured-project-link{color:inherit;display:inline-block;text-decoration:none}.techbox-container{align-items:center;display:inline-flex;gap:8px}.techbox-container:hover{cursor:pointer}.techbox-container a{all:unset;align-items:center;background-color:var(--charcoal-gray);border:.5px solid #575757;border-radius:5px;display:flex;flex-direction:row;gap:5px;justify-content:center;padding:6px;transition:var(--default-transition)}.techbox-container a:hover{border:.5px solid var(--primary)}.techbox-container .tech-logo{align-items:center;border-radius:2px;display:flex;display:block;height:16px;justify-content:center;overflow:hidden;width:16px}.techbox-container .tech-logo img{height:16px;width:16px}.techbox-container .tech-name{font-size:11px;line-height:1}.about-container{display:flex;flex-direction:column;gap:20px;padding:30px;width:100%}.about-container #marker{background-color:var(--primary);border-radius:10px;height:5px;width:70px}.intro-block p{line-height:1.6em}.intro-block a{all:unset;color:var(--primary);text-decoration:underline;transition:var(--default-transition)}.intro-block a:hover{color:var(--primary-darker);cursor:pointer}.intro-block p span{color:var(--primary)}.about-container .featured-projects{background-color:var(--bg-gradient);border-radius:var(--default-radius);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:20px;margin-top:var(--section-divider);padding:15px 15px 30px;position:relative;z-index:0}.about-container .featured-projects:before{background:var(--border-gradient-onyx);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.about-container .featured-projects .cards-container{display:flex;justify-content:space-around}.github-calendar-wrapper{background-color:var(--bg-gradient);border-radius:var(--default-radius);box-shadow:var(--shadow-1);margin-top:var(--section-divider);padding:15px 15px 30px;position:relative;z-index:0}.github-calendar-wrapper:before{background:var(--border-gradient-onyx);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.github-calendar-wrapper .title{margin-bottom:20px}.github-calendar-wrapper{max-width:100%;overflow-x:hidden;width:100%}.react-activity-calendar{max-width:100%;width:100%!important}.react-activity-calendar__scroll-container{max-width:100%!important;overflow:hidden!important}.react-activity-calendar__calendar{height:auto!important;width:100%!important}.react-activity-calendar__calendar text{fill:#ccc!important;font-family:Poppins,sans-serif!important;font-size:14px!important}.about-container .more-about{display:flex;flex-direction:row;gap:20px;margin-top:var(--section-divider)}.more-about .writings{align-self:flex-start;background-color:var(--bg-gradient);border-radius:var(--default-radius);box-shadow:var(--shadow-1);flex:2 1;padding:15px 15px 30px;position:relative;z-index:0}.writings:before{background:var(--border-gradient-onyx);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.more-about .tech-stack{display:flex;flex:1 1;flex-direction:column;gap:20px}.more-about .tech-stack .title{align-items:center;display:flex;flex-direction:row;gap:5px}.tech-stack .techs{display:flex;flex-wrap:wrap;gap:7px}.tech-stack .frontend{flex-wrap:wrap}.tech-stack .backend,.tech-stack .frontend,.tech-stack .machine-learning,.tech-stack .other-tech{background-color:var(--bg-gradient);border-radius:var(--default-radius);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:20px;padding:15px 15px 30px;position:relative;z-index:0}.backend:before,.frontend:before,.machine-learning:before,.other-tech:before{background:var(--border-gradient-onyx);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.project-card-container{background-color:var(--bg-gradient);border-radius:var(--default-radius);box-shadow:var(--shadow-1);display:flex;flex-direction:column;overflow:hidden;position:relative;width:400px;z-index:0}.project-card-container:hover{cursor:pointer}.project-card-container:hover img{transform:scale(1.05)}.project-card-container:hover #title{color:var(--primary)}.project-card-container:before{background:var(--border-gradient-onyx);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.project-card-container .project-img{background-color:#f0f8ff;background-color:var(--bg-gradient);border-radius:var(--default-radius);height:250px;overflow:hidden;width:400px}.project-card-container .project-img img{border-radius:var(--default-radius);display:block;height:100%;object-fit:cover;overflow:hidden;transition:var(--default-transition);width:100%}.project-card-container .desc{padding:10px 20px 20px}.desc #timeframe{color:var(--lighter-jet);font-size:14px}.desc .timeframe-category{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.timeframe-category #category{font-size:14px}.desc #title{margin:10px 0;transition:var(--default-transition)}.desc .project-techs{display:flex;flex-wrap:wrap;gap:5px;margin-top:40px}.projects-container{display:flex;flex-direction:column;gap:20px;padding:30px;width:100%}.projects-container #marker{background-color:var(--primary);border-radius:10px;height:5px;width:70px}.projects-display{display:flex;flex-direction:row;flex-wrap:wrap;gap:35px;justify-content:space-between}.blog-container{display:flex;flex-direction:column;gap:20px;padding:30px;width:100%}.blog-container #marker{background-color:var(--primary);border-radius:10px;height:5px;width:70px}.homepage{box-sizing:border-box;display:flex;gap:20px;justify-content:center;padding:60px 150px;width:100%}.homepage .sticky-profile{align-items:center;align-self:flex-start;background-color:var(--eerie-black);border:1px solid var(--jet);border-radius:var(--default-radius);display:flex;flex-direction:column;min-height:0;min-width:280px;overflow:hidden;padding:40px 30px}.sticky-profile img{border-radius:var(--default-radius);box-shadow:var(--shadow-1);width:200px}.sticky-profile .name{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#8e8e8e);background-clip:text;-webkit-background-clip:text;cursor:default;display:flex;font-size:30px;font-weight:700;justify-content:center;margin:10px 0}.sticky-profile .occupation{background-color:var(--charcoal-gray);border-radius:7px;color:#c1c1c1;font-size:13px;padding:5px 10px}.sticky-profile span{background-color:var(--jet);height:1px;margin:30px;width:100%}.info-bite-container{align-items:flex-start;align-self:flex-start;display:flex;flex-direction:column;gap:30px;width:100%}.info-bite-container a{all:unset;transition:var(--default-transition)}.info-bite-container a:hover{color:var(--primary);cursor:pointer}.sticky-footer{align-items:center;display:flex;flex-direction:column;gap:5px}.sticky-footer .copyright{font-size:16px}.sticky-footer .hyperlinks a{all:unset;color:var(--primary);font-size:16px;text-decoration:underline}.sticky-footer .hyperlinks a:hover{color:var(--primary-darker);cursor:pointer}.more-links{display:flex;flex-direction:row;gap:10px;margin-top:30px}.more-links a{color:var(--eerie-black-2);font-size:20px;transition:var(--default-transition);width:100%}.more-links a:hover{color:var(--primary)}.homepage .contents-section{display:flex;flex-direction:column;gap:20px;min-width:900px;width:900px}.contents-section .navbar-wrapper{width:100%}.contents-section .contents,.contents-section .navbar-wrapper{background-color:var(--eerie-black);border:1px solid var(--jet);border-radius:var(--default-radius);display:flex;justify-content:center}.contents-section .contents{align-items:center}@media (min-width:1281px){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--eerie-black);border:1px solid var(--jet);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.sticky-profile{position:sticky;top:60px}}@media (max-width:1280px){.homepage{flex-direction:column;height:auto;padding:50px}.homepage .contents-section,.homepage .sticky-profile{max-width:100%;min-width:0!important;min-width:auto!important;transition:var(--default-transition);width:100%!important}}@media (max-width:800px){.homepage{padding:50px 20px}.homepage .contents-section,.homepage .sticky-profile{max-width:100%;min-width:0;min-width:auto;transition:var(--default-transition);width:100%}}@media (max-width:700px){.homepage{padding:10px}.homepage .contents-section,.homepage .sticky-profile{max-width:100%;min-width:0;min-width:auto;transition:var(--default-transition);width:100%}.about-container .cards-container{align-items:center;display:flex;flex-direction:column;gap:20px}}@media (max-width:375px){.homepage .contents-section,.homepage .sticky-profile{min-width:0;min-width:auto;transition:var(--default-transition);width:100%}}@media (max-width:320px){.homepage .contents-section,.homepage .sticky-profile{max-width:100%;min-width:0;min-width:auto;transition:var(--default-transition);width:100%}}@media (max-width:100px){.homepage .contents-section,.homepage .sticky-profile{max-width:100%;min-width:0;min-width:auto;transition:var(--default-transition);width:100%}}@media (max-width:700px){.contents-section .navbar-wrapper{align-items:center;background:#0000;border:none;bottom:0;display:flex;justify-content:space-around;left:0;padding:10px 0;position:fixed;width:100%;z-index:1000}.contents-section .navbar-container{align-items:center;display:flex;gap:10px;justify-content:space-evenly;width:100%}.contents-section .navbar-container button{color:#fff;font-size:14px;padding:8px;transition:color .3s ease}.navbar-container button.active{color:var(--primary);font-weight:700}.navbar-container button:hover{color:var(--primary-darker)}.contents-section{padding-bottom:80px}}
/*# sourceMappingURL=main.6ededa35.css.map*/