@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";:root{font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none}html{scroll-behavior:smooth}body{font-family:Lexend,sans-serif;background-color:var(--surface);color:var(--on-surface)}a{transition:all .2s ease-in-out}a:hover{color:var(--accent)}body.dark{--surface: #151a28cc;--on-surface: #d7deef;--on-surface-variant: #d7deefcc;--surface-container: #1c2338;--accent: #9b87f5;--on-accent: #190057;--secondary: #cac3dc;--on-secondary: #322e41;--border-divider: #ffffff1a;color-scheme:dark}body.light{--surface: #fdf8ff;--on-surface: #1c1b20;--on-surface-variant: #48454e;--surface-container: #f7f2fa;--accent: #615690;--on-accent: #ffffff;--secondary: #e6dff9;--on-secondary: #484458;--border-divider: #0000001a;color-scheme:light}.theme-toggle{display:flex;background:none;border:none;color:var(--accent);cursor:pointer;transition:.3s}.container-home{display:flex;flex-direction:column;margin:0 auto}.btn{display:flex;padding:8px 16px;align-items:center;border-radius:24px;font-size:14px;font-weight:600;gap:12px;transition:ease-in-out .25s}.btn:active{transform:translateY(2px) scale(.96)}.btn_filled{border:1px solid var(--accent);background-color:var(--accent);color:var(--on-accent)}.btn_filled:hover{background-color:transparent;color:var(--accent)}.btn_outlined{border:1px solid var(--accent);background-color:transparent;color:var(--accent)}.btn_outlined:hover{background-color:var(--accent);color:var(--on-accent)}.contacts{max-width:70%;margin:0 auto 5rem;display:flex;flex-direction:column;gap:3.5rem}.contacts h2{font-size:36px;text-align:center}.contacts h2:after{content:"";display:block;position:absolute;right:46.8%;width:6%;height:.3rem;border-radius:2rem;margin-top:.3rem;background-image:linear-gradient(90deg,#9b87f5 10%,#a40ee4 92.32%)}.contacts .invite{max-width:70%;margin:0 auto;text-align:center;color:var(--on-surface-variant)}.contacts .container-contacts{display:flex;flex-direction:column;justify-content:space-between;padding:0 3rem;gap:4rem}.contacts .container-contacts .contacts-link{display:flex;gap:5rem}.contacts .container-contacts .contacts-link .social{display:flex;align-items:center;width:100%;padding:16px;color:var(--on-surface);background-color:var(--surface-container);border-radius:8px;border:1px solid #ffffff5e;box-shadow:#0003 0 0 12px;gap:12px}.contacts .container-contacts .contacts-link .social span{background-color:#00000045;padding:16px;transition:all .2s ease-in-out;border-radius:50%}.contacts .container-contacts .contacts-link .social span .contacts-icon{display:flex;align-items:center;justify-content:center}.contacts .container-contacts .contacts-link .social .text-contacts{transition:all .2s ease-in-out}.contacts .container-contacts .contacts-link .social .text-contacts h3{font-size:20px;margin-bottom:2px}.contacts .container-contacts .contacts-link .social .text-contacts p{color:var(--on-surface-variant)}.contacts .container-contacts .contacts-link .social:hover>span{background-color:var(--accent);scale:1.03}.contacts .container-contacts .contacts-link .social:hover>span>a{color:var(--on-accent)}.contacts .container-contacts .contacts-link .social:hover .text-contacts{scale:1.03}.contacts .container-contacts .contacts-link .social:hover .text-contacts p{color:var(--accent)}@media screen and (max-width: 980px){.contacts{max-width:100%;margin:0 auto 4rem}.contacts h2:after{right:43.5%;width:12%}.contacts .invite{max-width:80%}.contacts .container-contacts{padding:0 2rem;gap:2rem}.contacts .container-contacts .contacts-link{gap:1rem}.contacts .container-contacts .contacts-link .social{padding:12px}.contacts .container-contacts .contacts-link .social span{border-radius:50%}.contacts .container-contacts .contacts-link .social .text-contacts h3{font-size:20px;margin-bottom:2px}.contacts .container-contacts .contacts-link .social .text-contacts p{color:var(--on-surface-variant)}}@media screen and (max-width: 650px){.contacts{margin:0 auto 3rem;gap:2.5rem}.contacts h2{font-size:32px;line-height:32px}.contacts h2:after{width:17%;right:40.5%}.contacts .container-contacts{padding:0 1rem;gap:1rem}.contacts .container-contacts .contacts-link{flex-direction:column}.contacts .container-contacts .contacts-link .social{gap:8px}.contacts .container-contacts .contacts-link .social span{padding:12px}.contacts .container-contacts .contacts-link .social span .contacts-icon{height:24px;width:24px}.contacts .container-contacts .contacts-link .social .text-contacts h3{font-size:18px}}.footer{width:100%;padding:3.5rem 0;border-top:1px solid var(--border-divider)}.footer .container-footer{line-height:1.6}.footer .container-footer p{display:flex;justify-content:center;align-items:center;font-size:14px;gap:8px}.footer .container-footer p span{display:flex}.footer .container-footer .links-footer{display:flex;gap:32px}.footer .container-footer .links-footer a{color:var(--on-surface)}.footer .container-footer .links-footer a:hover{color:var(--accent)}@media screen and (max-width: 650px){.footer{padding:2.5rem 0}.footer .container-footer p{font-size:12px;gap:4px}.footer .container-footer p span{height:18px;width:18px;align-items:center}}.svg-logo{display:flex;height:34.4px}@media screen and (max-width: 650px){.svg-logo{height:26px}}header{width:100%;position:fixed;z-index:10;background-color:var(--surface);box-shadow:#0003 0 0 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--on-surface)}header .limit{max-width:1250px;display:flex;justify-content:space-between;align-items:center;padding:1.8rem 0rem;margin:0 auto}header nav{display:flex;gap:3rem}header nav ul{display:flex;gap:16px;justify-content:center;align-items:center}header nav ul li>a{color:var(--on-surface)}header nav span button{height:24px;width:24px}header nav span button:hover{scale:1.2}@media screen and (max-width: 1315px){header .limit{padding:1.8rem 2rem}}@media screen and (max-width: 980px){header .limit{padding:1.8rem 2rem}}@media screen and (max-width: 650px){header .limit{padding:1.4rem 1.5rem}header .limit ul{display:none}}.about{width:100%;max-width:1250px;height:95vh;margin:0 auto;padding-top:4rem;display:flex;align-items:center;line-height:1.6;gap:4rem}.about .media-texts,.about .media-p,.about .media-sub{display:none}.about .texts{display:flex;flex-direction:column;gap:1.5rem}.about .texts h1{font-size:36px;line-height:36px;min-height:36px;color:var(--on-surface)}.about .texts h1 span{color:var(--accent)}.about .texts p{color:var(--on-surface-variant);font-size:18px;max-width:95%}.about .texts .buttons{display:flex;gap:16px}.about .profile{position:relative}.about .profile .circle{filter:blur(1px)}.about .profile img{height:260px;width:260px;border-radius:50%;object-fit:cover;z-index:2;position:relative;background-color:var(--accent)}.about .profile .links{display:flex;justify-content:center;align-items:center;margin-top:36px;gap:32px}.about .profile .links a{color:var(--on-surface-variant);transition:all .2s ease-in-out}.about .profile .links a:hover{color:var(--accent)}@media screen and (max-width: 1315px){.about{padding:calc(3rem + 92px) 2rem 0}}@media screen and (max-width: 980px){.about{height:auto;padding:calc(5rem + 92px) 2rem 5rem}.about .texts,.about .tab-inv{display:none}.about .media-texts,.about .media-p,.about .media-sub{display:block}.about .media-home{display:flex;flex-direction:column}.about .media-home .profile{display:flex;justify-content:space-between;align-items:center;gap:6rem}.about .media-home .profile .one{display:none}.about .media-home .profile .media-texts{display:flex;flex-direction:column;text-align:center;width:100%}.about .media-home .profile .media-texts h1.typewriter{font-size:36px;line-height:40px;margin-bottom:3rem;min-height:80px}.about .media-home .profile .media-texts h1.typewriter span{color:var(--accent)}.about .media-home .profile .media-texts .buttons .btn{justify-content:center;padding:16px}.about .media-home .profile .media-texts .buttons .btn_outlined{margin-bottom:24px}.about .media-home .profile img{border:none}.about .media-home .profile .links{margin-top:24px;gap:28px}.about .media-home .media-card{margin-top:3rem;padding:1.5rem;border-radius:24px;box-shadow:#0003 0 0 12px}.about .media-home .media-card .media-sub{font-size:22px;text-align:center}.about .media-home .media-card .media-p{font-size:18px;line-height:1.5;text-align:center;margin-top:1rem;color:var(--on-surface-variant)}}@media screen and (max-width: 650px){.about{padding:calc(3rem + 71px) 1.5rem 3rem}.about .media-home{gap:1rem}.about .media-home .mob-inv{display:none}.about .media-home .profile{justify-content:center}.about .media-home .profile .media-texts{align-items:center;gap:2rem}.about .media-home .profile .media-texts h1.typewriter{font-size:32px;line-height:36px;margin-bottom:0;min-height:72px}.about .media-home .profile .media-texts .tab-inv{height:230px;width:230px}.about .media-home .profile .media-texts .buttons{width:100%;padding:0 1rem}.about .media-home .profile .media-texts .tab-inv{display:block}.about .media-home .media-card .media-sub{font-size:22px}.about .media-home .media-card .media-p{font-size:16px;line-height:1.6;text-align:left}}@media screen and (max-width: 365px){.about .media-home .profile .media-texts h1.typewriter{font-size:28px;line-height:30px;min-height:60px}}.typewriter{white-space:nowrap;overflow:hidden}.projects{margin:5rem 0}.projects h2{font-size:36px;color:var(--on-surface);text-align:center;margin-bottom:3rem}.projects h2:after{content:"";display:block;position:absolute;right:46.85%;width:6%;height:.3rem;border-radius:2rem;margin-top:.5rem;background-image:linear-gradient(90deg,#9b87f5 10%,#a40ee4 92.32%)}.projects .btn-github{max-width:308px;display:flex;justify-content:center;margin:36px auto 0;padding:16px 32px;border-radius:16px;font-size:14px}.projects .btn-github:hover{scale:1.03}.projects .projects-container{max-width:1250px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap:3rem}.projects .projects-container span.btn-github{flex-wrap:wrap}.projects .projects-container .card-project{width:500px;height:auto;display:flex;flex-direction:column;background-color:var(--surface-container);box-shadow:0 0 16px #0000002f;border-radius:8px;transition:all .35s ease-in-out}.projects .projects-container .card-project img{width:100%;height:250px;object-fit:cover;border-radius:8px 8px 0 0;overflow:hidden}.projects .projects-container .card-project .content-card{display:flex;flex-direction:column;justify-content:space-between;height:286px;flex-grow:1;gap:1rem;padding:1rem}.projects .projects-container .card-project .content-card .proj-texts{display:flex;flex-direction:column;gap:1rem}.projects .projects-container .card-project .content-card .proj-texts h3{font-size:20px;line-height:20px;transition:all .2s ease-in-out}.projects .projects-container .card-project .content-card .proj-texts p{color:var(--on-surface-variant)}.projects .projects-container .card-project .content-card .proj-texts .stacks{display:flex;gap:8px}.projects .projects-container .card-project .content-card .proj-texts .stacks span{padding:6px 8px;font-size:12px;background-color:#9b87f55d;color:var(--on-surface-variant);border-radius:24px}.projects .projects-container .card-project .content-card .proj-links{display:flex;justify-content:space-between;gap:1rem}.projects .projects-container .card-project .content-card .proj-links .btn{justify-content:center;width:100%;padding:8px 16px;border-radius:12px;font-size:14px;gap:16px;transition:ease-in-out .25s}.projects .projects-container .card-project .content-card .proj-links .btn:active{transform:translateY(2px) scale(.96)}.projects .projects-container .card-project .content-card .proj-links .btn:hover{scale:1.05}.projects .projects-container .card-project .content-card .proj-links .btn_outlined{color:var(--accent)}.projects .projects-container .card-project .content-card .proj-links .btn_outlined:hover,.projects .projects-container .card-project .content-card .proj-links .btn_filled{color:var(--on-accent)}.projects .projects-container .card-project .content-card .proj-links .btn_filled:hover{color:var(--accent)}.projects .projects-container .card-project:hover .proj-texts>h3{color:var(--accent)}@media screen and (max-width: 980px){.projects{margin:4rem 0}.projects h2:after{right:44.5%;width:11%}.projects .projects-container{padding:0 16px;gap:1.5rem}.projects .projects-container .card-project{height:462px;max-width:calc(50% - 1.5rem)}.projects .projects-container .card-project img{height:200px}.projects .projects-container .card-project .content-card{height:200px;gap:8px;padding:12px}.projects .projects-container .card-project .content-card .proj-texts{display:flex;flex-direction:column;gap:10px}.projects .projects-container .card-project .content-card .proj-texts h3{font-size:18px;line-height:18px}.projects .projects-container .card-project .content-card .proj-texts p{font-size:14px}.projects .projects-container .card-project .content-card .proj-texts .stacks span{padding:4px 6px;font-size:12px}.projects .projects-container .card-project .content-card .proj-links .btn{padding:8px 16px;border-radius:12px;gap:12px}.projects .projects-container .card-project .content-card .proj-links .btn svg{height:20px;width:20px}}@media screen and (max-width: 650px){.projects{margin:3rem 0 4rem}.projects h2{font-size:32px;line-height:32px}.projects h2:after{width:15%;right:42.5%}.projects .projects-container{padding:0 1rem;gap:2rem}.projects .projects-container .card-project{max-width:100%;height:450px}.projects .projects-container .card-project .content-card{padding:10px}.projects .projects-container .card-project .content-card .proj-texts{gap:8px}.projects .projects-container .card-project .content-card .proj-texts h3{line-height:18px}.projects .projects-container .card-project .content-card .proj-links{gap:12px}.projects .projects-container .card-project .content-card .proj-links .btn svg{height:18px;width:18px}}.skills{background:linear-gradient(to bottom,var(--surface),var(--surface-container));padding:48px 0}.skills .skills-container{margin:0 auto;padding:3.5rem 2rem;display:flex;flex-direction:column;gap:48px}.skills .skills-container h2{text-align:center;font-size:36px;line-height:32px;color:var(--on-surface)}.skills .skills-container h2:after{content:"";display:block;position:absolute;right:45.25%;width:9%;height:.3rem;border-radius:2rem;margin-top:.5rem;background-image:linear-gradient(90deg,#9b87f5 10%,#a40ee4 92.32%)}.skills .skills-container ul{display:flex;justify-content:center;flex-wrap:wrap;gap:2.5rem}.skills .skills-container ul li{display:flex;flex-direction:column;align-items:center;border:1px solid var(--surface);border-radius:8px;background-color:var(--surface);box-shadow:#0000004d 0 4px 8px;transition:all .25s ease-in-out}.skills .skills-container ul li svg{fill:var(--on-surface-variant);transition:all .25s ease-in-out}.skills .skills-container ul li .icons{padding:1.1rem 2.2rem}.skills .skills-container ul li span{width:100%;border-bottom:1px solid var(--border-divider)}.skills .skills-container ul li p{color:var(--on-surface-variant);font-size:14px;padding:8px;transition:all .25s ease-in-out}.skills .skills-container ul li:hover{transform:translateY(-20px);border:1px solid rgba(155,135,245,.4);box-shadow:#9b87f566 0 4px,#9b87f54d 0 8px,#9b87f533 0 12px,#9b87f51a 0 16px;scale:1.06}.skills .skills-container ul li:hover>p{color:var(--accent)}.skills .skills-container ul li:hover>.icons>svg{fill:var(--accent)}@media screen and (max-width: 1765px){.skills .skills-container{max-width:900px;padding:1rem 0}.skills .skills-container h2:after{right:44.67%;width:10%}.skills .skills-container ul{gap:2rem}.skills .skills-container ul li{flex:0 0 calc(20% - 2rem);max-width:calc(20% - 2rem)}}@media screen and (max-width: 980px){.skills .skills-container{padding:1rem}.skills .skills-container h2:after{right:40.7%;width:17%}}@media screen and (max-width: 650px){.skills .skills-container{padding:0}.skills .skills-container h2{font-size:32px;line-height:32px}.skills .skills-container h2:after{width:28%;right:34.5%}.skills .skills-container ul{gap:2rem 1.5rem}.skills .skills-container ul li{flex:0 0 calc(50% - 2rem);max-width:calc(50% - 2rem)}.skills .skills-container ul li .icons{padding:1.8rem 2.2rem}}