.loading-page{width:100vw;position:absolute;height:100vh;top:0;left:0;z-index:1000;background:#fff}.darkmode .loading-page{background-color:var(--dark-body-color)}.loading-page .container{padding:36px 24px 36px 36px;width:100%;height:100%;grid-template:.64fr .1fr 1fr .4fr / .9fr 1fr 2fr .15fr;margin:auto!important;max-height:680px;grid-template-areas:"title title about settings" "skills social about settings" "skills projects projects projects" "logo projects projects projects"!important}.loading-page .container>div{background-color:#cbc5f8;border-radius:8px;transition:opacity .2s ease-in-out;border-top:1px solid rgb(119 129 143 / 20%)}.loading-page .title{animation:pulse-loading .6s linear infinite alternate}.loading-page .social,.loading-page .about,.loading-page .skills{animation:pulse-loading .6s .2s linear infinite alternate}.loading-page .projects,.loading-page .settings,.loading-page .logo{animation:pulse-loading .6s .4s linear infinite alternate}@keyframes pulse-loading{0%{opacity:.5}to{opacity:1}}.darkmode .loading-page .container>div{background-color:var(--dark-section-color)}@keyframes loading-pag{0%{clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%)}to{clip-path:polygon(100% 0,100% 0%,100% 100%,100% 100%);pointer-events:none}}@media (width < 1050px){.loading-page{display:none}}.settings{padding:1rem 2rem!important}.sound-btn{position:relative;height:28px;width:28px}.sound-btn img{position:absolute;transition:all .2s;top:0;left:0;right:0;margin:auto;width:24px}.img-hidden{opacity:0;scale:.8;z-index:-10}.settings ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%}.settings li{width:22px;height:22px}.settings button,.settings a{vertical-align:middle;padding:0;width:100%;height:100%;background:none;transition:all .2s;display:inline-block}.settings button:focus-visible,.settings a:focus-visible{outline:4px dashed white}.settings img{width:100%;height:100%;filter:invert(1)}.settings button:active,.settings a:active{scale:1}@media (width >= 570px){.settings{padding:1.3rem .8rem!important}.settings ul{flex-direction:column;justify-content:space-between}}@media (any-hover: hover){.settings button:hover,.settings a:hover{scale:1.15}}.projects-dialog{width:90%;max-width:1100px;height:90%;max-height:780px;top:0;bottom:0;z-index:100;flex-direction:column;justify-content:center;gap:2rem;background:transparent;border:none}.projects-dialog.hide{animation:hide .2s ease-in-out forwards!important}.projects-dialog.hide::backdrop{animation:hideblur .2s ease-in-out forwards}.projects-dialog[open]{display:flex;animation:appear .2s ease-in-out}@keyframes appear{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes hide{to{opacity:0;scale:.9}}@keyframes hideblur{to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.projects-dialog::backdrop{background:#0f0f136b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.darkmode .projects-dialog{color:#fff}.current-project{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:inset -1px 0 2px #ffffff40,inset 0 1px 2px #ffffff40,inset 0 0 0 1px #ffffff08;display:flex;gap:2rem;justify-content:center;height:26rem}.darkmode .current-project{background:#0f0f139f}.current-project section:first-of-type{width:100%;display:flex;align-items:center;overflow:hidden;position:relative}.current-project section:last-of-type{width:50%;padding-right:2rem}.current-project .poster{width:50%;object-fit:cover;border-radius:10px 0 0}.current-project>article{width:50%}.skill-contrast img{filter:invert(1)!important}.projects-dialog .close{position:absolute;top:-.6rem;right:-.6rem;border-radius:100%;cursor:pointer;width:2rem;height:2rem;display:grid;place-items:center;transition:all .2s ease-in-out;background:var(--dark-body-color)}.darkmode .projects-dialog .close{background:#fff}.projects-dialog .close:hover{scale:1.07}.projects-dialog .close img{transition:all .2s ease-in-out;filter:invert(1)}.darkmode .projects-dialog .close img{filter:invert(0)}.projects-dialog .close:hover img{scale:1.13}.skill-contrast{color:#000!important;font-weight:600}@media (width <= 1050px){.projects-dialog{display:none!important}}.project-image{transition:all .2s ease-in-out;position:absolute}.project-imgs-container{width:100%;aspect-ratio:16/9;border-radius:0 14px 14px 0;overflow:hidden;position:relative}.project-imgs-container article{width:100%;height:100%;overflow:hidden auto;position:relative}.project-imgs-container button{height:100%;padding:0;background:#20202033;opacity:.4;transition:opacity .2s ease-in-out;position:absolute;align-items:center;display:flex;top:0}.prev-img{left:0;right:auto}.next-img{right:0;left:auto}.prev-img img,.next-img{filter:invert(1)}.project-imgs-container button:last-child{border-radius:0 14px 14px 0}.project-imgs-container button:disabled{cursor:auto}.project-imgs-container button:not(:disabled):hover{opacity:1;background:#2020204d}.project-imgs-container button:not(:disabled):hover img{scale:1.1}.images-slider{position:absolute;bottom:0;right:0;left:0;margin:auto;display:flex;gap:8px;width:fit-content;background:#fff;padding:5px 8px;font-weight:600;border-radius:8px 8px 0 0;align-items:center}.darkmode .images-slider{background:#1a1924e0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.images-slider li{background:var(--dark-text-color);border-radius:100%;aspect-ratio:1/1;width:14px;cursor:pointer;transition:all .2s ease-in-out}.darkmode .images-slider li{background:#fff}.images-slider li:hover{scale:1.1;background-color:var(--primary-color)}.selected-p{background-color:var(--primary-color)!important;scale:1.15!important}.slide-left{transform:translate(-100%);pointer-events:none}.slide-right{transform:translate(100%);pointer-events:none}.project-links a{padding:.5rem 1.5rem;display:flex;align-items:center;background-color:var(--dark-body-color);transition:all .2s ease-in-out;text-decoration:none;color:#fff;border-radius:6px;gap:6px;line-height:10px}.project-links .live-link{background:var(--primary-color)}.project-links a:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.current-project .project-title{font-size:2rem;margin-top:2rem;display:inline-block}.current-project .project-title a{text-decoration:none;color:var(--dark-text-color)}.darkmode .current-project .project-title a{color:#fff}.current-project .project-title:hover a{text-decoration:underline}.current-project .project-description{margin-block:1rem;padding-right:1.5rem;text-wrap:balance;font-size:16px}.project-technologies{display:flex;flex-wrap:wrap;gap:10px;font-size:14px}.project-skill{display:flex;gap:10px;padding:5px 10px;border-radius:6px;color:#fff;align-items:flex-end}.project-skill img{width:1rem}.project-links img{filter:invert(1)}.project-links{position:absolute;bottom:1rem;right:2rem;display:flex;gap:1rem}.projects-slider{position:relative;margin-inline:auto;width:80%;max-width:45rem}.projects-slider .slider{position:relative;height:5rem;display:flex;gap:1rem}.projects-slider .project{flex-shrink:inherit}.projects-slider .project-title{margin:0}.projects-slider article{cursor:pointer}.slider img{height:100%;object-fit:cover}.project-buttons button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff;border-radius:100%;padding:4px;transition:all .2s ease-in-out;transform-origin:top}.project-buttons button:hover{scale:1.08}.project-buttons button:disabled{filter:grayscale(1);opacity:.7;pointer-events:none}.project-buttons button:first-child{left:-4rem}.project-buttons button:last-child{right:-4rem}.project-buttons button img{width:1.5rem;height:1.5rem;vertical-align:middle}.arrow-left{rotate:180deg}.project-selected{outline:white solid 1px;outline-offset:3px;scale:1.1}.projects{display:flex;flex-direction:column;padding:0!important;overflow:hidden;position:relative}.projects-title{display:flex;justify-content:space-between;margin-inline:24px;margin-top:19px;margin-bottom:4px}.projects-title h2{margin:0}.projects-title a{z-index:10;font-size:14px;transition:opacity .2s ease-in-out}.darkmode .project-title a{color:#fff}.projects-title a:hover{opacity:.8}.project-title{font-size:1.1rem;font-weight:600;margin-bottom:7px}.projects-container .project-links{position:static;justify-content:flex-end;margin-bottom:0}.projects-container{z-index:10;flex-grow:1;display:flex;overflow:auto;gap:1rem;padding:15px;flex-direction:column;scroll-behavior:smooth}.projects-container::-webkit-scrollbar{height:4px}.projects-container::-webkit-scrollbar-thumb{border:none!important}.code-btn{position:relative}.language-btn{position:relative;display:flex!important;justify-content:center;align-items:center}.code-btn img{position:absolute;transition:.2s ease-in-out}.language-btn img,.language-btn span{position:absolute;transition:.2s ease-in-out;color:#fff;font-weight:500}.image-container{position:relative;flex-grow:1;height:100%}.image-container img{height:100%;display:block;width:100%;object-fit:cover}.language-btn span{opacity:0}.project{max-width:32rem;height:fit-content;margin:auto;cursor:pointer;flex-shrink:0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease-in-out}.see-more{color:var(--dark-text-color);font-weight:600;font-size:14px;display:flex;align-items:center;position:relative;overflow:hidden}.see-more img{width:18px;transition:right .16s ease-in-out;position:absolute;right:-1.1rem}.see-more span{margin-right:8px;transition:margin-right .16s ease-in-out}.see-more:hover span{margin-right:1.2rem}.see-more:hover img{right:0}.darkmode .see-more img{filter:invert(1)}.darkmode .see-more{color:#fff;font-weight:400}.project-info{padding:1rem;background:#fff}.project-viewmore{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;color:#fff;opacity:0;transition:opacity .2s ease-in-out;border-radius:8px 8px 0 0}.darkmode .project-info{background:#272333}.project-description{font-size:14px;margin:5px 0;font-weight:400}.darkmode .project-description{font-weight:300}.box:not(:first-child){display:none}.code-btn img:last-of-type{opacity:0}.wave{background:url(/wave.svg) repeat-x;position:absolute;bottom:-45px;width:6400px;height:85%;animation:wave 12s cubic-bezier(.36,.45,.63,.53) infinite,swell 8s ease -1.25s infinite;transform:translateZ(0);opacity:.1}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate3d(0,-40px,0)}50%{transform:translate3d(0,-10px,0)}}@media (width >= 570px){.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project{height:100%}}@media (width >= 1050px){.projects-container{display:flex;flex-direction:row;padding:10px 10px 20px;margin:0 24px 0 14px}.projects-container .project-links{display:none}.project{width:20.5rem;max-height:19rem}.image-container img{position:absolute}}@media (any-hover: hover){.code-btn:hover img{scale:1.1}.language-btn:hover img{opacity:0}.code-btn:hover img:last-of-type{opacity:1}.code-btn:hover img:first-of-type{opacity:0}.project:hover{translate:0 -3px}.project:hover .project-viewmore,.language-btn:hover span{opacity:1}}.tooltip{position:absolute;background-color:#fff;border:1px solid #1a1924;border-radius:5px;padding:3px 7px;font-size:11px;transition:all .2s ease-in-out;translate:0 1rem;opacity:0;z-index:99999}.darkmode .tooltip{background-color:#1a1924;border:1px solid #fff}.tooltip-container:hover .tooltip{opacity:1;pointer-events:auto;translate:0}.tooltip[data-dir=top]{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.tooltip[data-dir=top]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1a1924}.darkmode .tooltip[data-dir=top]:after{border-top-color:#fff}.skills{display:flex;flex-direction:column}.skills-container{flex-grow:1;gap:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(43px,1fr))}.skill{position:relative;flex-grow:1;height:52px;transition:all .2s}.skill:after{content:"";border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:4rem;aspect-ratio:1/1;background:var(--skill-color)}.skill img{position:absolute;width:100%;height:100%;padding:8px;max-width:3.7rem;left:0;right:0;margin:auto;z-index:10;object-fit:contain}.skills img:after{background:red;width:100%;height:100%;position:absolute}@media (1050px <= width){.skill:after{width:auto;height:100%;max-width:100%}.skill{height:auto}}@media (570px <= width <= 1050px){.skills-container{align-items:center}}@media (1400px <= width){.skill:after{height:auto;width:100%}}@media (any-hover: hover){.skill:hover{scale:1.1;z-index:100}}.social{padding:1rem 2rem!important;display:flex;align-items:center}.social nav{width:100%;height:100%}.social-container{display:flex;height:100%;gap:2rem;flex-wrap:wrap;justify-content:space-between;padding:0;list-style:none;margin:0}.social-link{height:24px;transition:all .2s;position:relative}.social-link svg{width:24px;vertical-align:middle;position:relative;z-index:10;transition:all .2s}.social-link a:after{content:"";position:absolute;top:-6px;left:-6px;width:150%;height:150%;border-radius:9999px;transition:all .2s;background:transparent;scale:.8}.social-link path{fill:var(--dark-text-color)}.darkmode .social-link path{fill:#fff}@media (width >= 570px){.social-container{flex-direction:column}.social{padding:1.3rem 1rem!important}}@media (width >= 1050px){.social{padding:1rem 1.2rem!important}.social-container{gap:1rem;flex-direction:row;justify-content:space-between}}@media (any-hover: hover){.social-link:hover path{fill:#fff}.social-link:hover svg{scale:1.1}.social-link:hover a:after{scale:1.2;background:var(--bg-color)}.social-container .invert:hover path{fill:var(--dark-text-color)}.social-container .invert:hover img{filter:invert(0)}.social-container .invert:hover a:after{background:#fff}}.title h1{gap:0 15px;position:relative;text-transform:uppercase;z-index:10;display:flex;flex-direction:column;align-items:center}.title-hello{grid-area:title-hello}.title-name{grid-area:title-name;line-height:4rem;font-size:clamp(3rem,4.7vw,4.4rem);background:linear-gradient(90deg,var(--primary-color) 30%,#2568ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.title-subtitle{grid-area:title-subtitle;font-size:clamp(.9rem,1.3vw,1rem)}@media (width <= 570px){.title-hello{line-height:1.2rem}.title-name{font-size:4rem}}@media (570px <= width <= 1050px){.title-name{font-size:4rem}.title-subtitle{font-size:clamp(.7rem,2vw,1.2rem)}}@media (570px <= width){.title h1{display:grid;grid-template-areas:"title-hello title-name" "title-subtitle title-name"}.title-hello,.title-subtitle{text-align:right;height:100%}.title-hello{display:flex;align-items:flex-end;justify-content:flex-end}}.about{display:flex;flex-direction:column;justify-content:center}.about h2{margin-bottom:10px}.about p{font-weight:400;line-height:140%;text-wrap:pretty;margin:0;color:var(--dark-text-color)}.about p span{color:#000;text-decoration:underline var(--primary-color) 2px}.darkmode .about p{font-weight:300;color:#fffc}.darkmode .about p span{color:#fff}@media (570px <= width){.about h2,.about p{max-width:40rem;margin-inline:auto;width:100%}}.logo{display:grid;place-items:center;background:linear-gradient(23deg,#13109c,#0000),url(/noise.svg);position:relative;padding:1rem}.logo img{width:100px;z-index:1}.color-picker{overflow:hidden;border-radius:8px;position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;border:none;outline:none}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none}.logo-border{--padding: 10px;border:1px solid rgb(255 255 255 / 15%);position:absolute;top:var(--padding);left:var(--padding);width:calc(100% - var(--padding) * 2);height:calc(100% - var(--padding) * 2);border-radius:5px;pointer-events:none}html{scroll-behavior:smooth;font-family:Poppins,sans-serif!important}*{transition:background-color .2s ease-in-out}body{display:grid;place-items:center;min-height:100vh;background-color:#ebebfa}#root{width:100%}img{max-width:100%}ul{list-style:none;padding:0;margin:0}h1,h2,h3,h4{margin:0}h2{margin-bottom:1rem;font-weight:600;font-size:1.4rem}.hidden{display:none}button{cursor:pointer;border:none}main{padding:24px}.darkmode body{background-color:var(--dark-body-color)}main,.loading-page .container{height:100%;width:100%;display:grid;gap:24px;grid-template-areas:"title title" "about about" "skills skills" "social social" "settings settings" "projects projects" "logo logo";grid-template-columns:1fr;max-width:900px;margin:auto}.logo,.settings{box-shadow:var(--primary-color) 0 5px 30px -10px;background:var(--primary-color)!important}.darkmode{color:#fff}.section{border-radius:8px;padding:24px;background:#cbc5f8;border-top:1px solid rgb(119 129 143 / 20%)}.darkmode .section{background:var(--dark-section-color)}.title{grid-area:title;position:relative}.logo{grid-area:logo}.skills{grid-area:skills}.about{grid-area:about}.settings{grid-area:settings}.social{grid-area:social}.projects{grid-area:projects;position:relative}.title:after,.projects:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/noise.gif);pointer-events:none;z-index:1;opacity:.03}@font-face{font-family:Poppins;src:url(/assets/Poppins-Light-DT6-CsId.ttf);font-weight:300;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf);font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-B_fPDAUb.ttf);font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf);font-weight:700;font-display:swap}::selection{background:var(--primary-color);color:#fff;-webkit-text-fill-color:white}:focus-visible{border-radius:3px;outline:4px dashed var(--primary-color);outline-offset:4px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{border-radius:10px;border:3px solid white;background:#1f2937}::-webkit-scrollbar-thumb:hover{background:#4c6180}.darkmode ::-webkit-scrollbar-track{background:#1f2937}.darkmode ::-webkit-scrollbar-thumb{border:3px solid #1f2937;background:#cbc5f8}@media (570px <= width){main,.loading-page .container{padding:36px;grid-template-areas:"title title title" "about about about" "skills social settings" "projects  projects projects" "logo logo logo"}}@media (1050px <= width){main,.loading-page .container{grid-template:.3fr .1fr 1fr .4fr / .9fr 1fr 2fr .15fr;margin:auto;max-height:720px;grid-template-areas:"title title about settings" "skills social about settings" "skills projects projects projects" "logo projects projects projects";position:absolute;top:0;right:0;bottom:0;left:0;max-width:1500px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}