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