@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";@font-face{font-family:icomoon;src:url(/assets/icomoon-CqVHdSj1.eot?i1xzor);src:url(/assets/icomoon-CqVHdSj1.eot?i1xzor#iefix) format("embedded-opentype"),url(data:font/ttf;base64,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) format("truetype"),url(/assets/icomoon-CqsSN5hD.woff?i1xzor) format("woff"),url(/assets/icomoon-DxhN31pk.svg?i1xzor#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-x:before{content:""}.icon-twitter:before{content:""}.icon-sun:before{content:""}.icon-linkedin:before{content:""}.icon-keyboard_arrow_up:before{content:""}.icon-verified:before{content:""}.icon-arrow-right:before{content:""}.icon-instagram:before{content:""}.icon-link:before{content:""}.icon-close:before{content:""}.icon-remove:before{content:""}.icon-times:before{content:""}.icon-github:before{content:""}.icon-envelope:before{content:""}.icon-moon-o:before{content:""}.icon-menu:before{content:""}section.contact-us .icon-envelope{color:var(--subtitle);margin-right:1rem;font-size:1.8rem}section.contact-us .title{color:var(--title);font-size:2.1rem;margin-bottom:1rem}section.contact-us .sub-title{color:var(--subtitle);margin-bottom:2rem;line-height:1.65rem}section.contact-us label{color:var(--subtitle);font-size:1.1rem}section.contact-us #email,section.contact-us #message{all:unset;background-color:#3f3f4626;border:1px solid rgba(63,63,70,.274);width:16rem;padding:.5rem 1rem;margin-left:1rem;border-radius:5px;transition:.3s;font-size:1.1rem}section.contact-us #email:focus,section.contact-us #message:focus{border:1px solid var(--blue)}.light section.contact-us #email:focus,.light .contact-us #message:focus{border:1px solid var(--title)}.light section.contact-us #email:hover,.light .contact-us #message:hover{border:1px solid var(--title)}section.contact-us #email:hover,section.contact-us #message:hover{border:1px solid var(--blue)}section.contact-us #message{min-height:9rem;resize:vertical}section.contact-us .submit{background-color:#24252e;padding:.75rem 2rem;text-align:center;font-size:1.05rem;border-radius:5px;transition:.3s;margin-top:1.8rem;border:1px solid rgb(63,63,70)}section.contact-us .submit:hover{scale:.95}.light section.contact-us #email,.light section.contact-us #message{color:var(--subtitle)}section.contact-us .contact-animation{width:400px}.light .contact-us .message{color:var(--subtitle)}@media (max-width: 1200px){section.contact-us .contact-animation{display:none}}@media (min-width: 1200px){section.contact-us .animation{flex:1;display:flex;justify-content:center;align-items:center;transform:translateY(-60px)}}@media (min-width: 900px){section.contact-us form{flex:1}}@media (max-width: 800px){section.contact-us form{display:flex;flex-direction:column;width:85%}section.contact-us form div.flex{flex-direction:column;align-items:start}section.contact-us #email,section.contact-us #message{margin-left:0;width:100%;margin-top:1rem;font-size:.85rem;padding:.7rem 0 .7rem 1rem}section.contact-us .submit{width:30%}}header.flex{justify-content:space-between;padding:0 2.4rem;margin-top:1.2rem}header.flex nav{background-color:var(--bgHeader);padding:.77rem 1.6rem;border-radius:55px;box-shadow:1px 1px 40px #2323242a;border:1px solid var(--border)}header ul.flex{gap:16px}header ul li a{color:var(--title);opacity:.9;font-size:.88rem;font-weight:500}header ul li a:hover{color:var(--blue);opacity:1;font-size:.9rem;cursor:pointer}header button{font-size:1.2rem}header button.menu{display:none}.active-btn{color:var(--blue)}header .mode,header button.icon-menu{background-color:var(--bgHeader);height:2.5rem;width:2.5rem;border-radius:50%;justify-content:center;text-align:center;color:var(--subtitle);border:1px solid var(--blue);transition:.5s}.dark header button.icon-menu{border:1px solid var(--blue)}.light header .mode,header button.icon-menu{border:1px solid}.dark header .mode:hover,header button.icon-menu:hover{color:var(--title);border:1px solid rgb(124,190,231)}header .icon-close{font-size:1.5rem;color:var(--subtitle);transition:.4s}header .icon-close:hover{color:#d2691e;rotate:180deg}header .fixed{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#282830e6;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes move{0%{scale:0}50%{scale:1.1}to{scale:1}}header .fixed ul.model{animation:move .7s 1;width:85%;margin-left:auto;margin-right:auto;margin-top:2rem;border-radius:1rem;padding:1rem 2rem;background-color:var(--scondary)}header .fixed ul.model li{border-bottom:1px solid var(--border);padding-bottom:.77rem;padding-top:.5rem}header .fixed ul.model li:first-child{text-align:right;border:none;padding-bottom:0;padding-top:.2rem}header .fixed ul.model li:last-child{border-bottom:none}header .fixed ul.model li a{font-size:1rem}@media (max-width: 750px){header.flex nav{display:none}header button.menu{display:block}}footer.flex{justify-content:space-between;margin-bottom:2rem}footer.flex ul.flex{gap:1rem}footer.flex ul li a{color:var(--subtitle);opacity:.9;font-size:.88rem;font-weight:500;cursor:pointer}footer.flex ul li a:hover{color:var(--blue);font-size:.9rem}footer.flex p{color:var(--subtitle)}footer .all-icons{font-size:1.4rem;gap:1.5rem;color:var(--subtitle)}footer .all-icons .icon:hover{font-size:1.5rem;transition:.3s;color:var(--icon-hover);cursor:pointer}@media (max-width: 800px){footer.flex{flex-direction:column;gap:2rem}}div.contactV2{margin-top:65px}.button-cv{margin-top:30px;padding:12px 19px;border:none;cursor:pointer;color:var(--blue);background-color:var(title);border:1px solid var(--blue);border-radius:7px;font-weight:700;transition:.5s;display:flex;gap:4px;align-items:center;font-size:13px;box-shadow:#5dbcfc59 0 2px 8px 2px}.light .button-cv{color:var(--title);box-shadow:#3f3f4666 0 2px 8px 2px;border:1px solid var(--tilte)}.button-cv .button-cv:hover{background-color:#a4cefd;box-shadow:var(--blue) 0 4px 6px -1px,var(--blue) 0 2px 4px -1px}.saveicon{width:17px}section.projects{margin-top:65px;height:fit-content}section.projects .title{font-size:50px;color:var(--title);letter-spacing:1.5px}section.projects .sub-title{font-size:15px;color:var(--subtitle)}section.projects .box{margin-top:65px;margin-bottom:100px;gap:10px}@media (max-width: 1200px){section.projects .box{flex-direction:column}}section.projects .firts{min-width:360px;min-height:200px;margin-top:65px;padding:15px 10px 15px 13px;border-radius:10px;transition:all .3s}section.projects .firts:hover{background-color:var(--bgHeader)}section.projects .box .image{background-color:var(--bgHeader);width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid var(--blue)}section.projects .box img{width:45px;height:45px;border-radius:50%;border:1px solid var(--blue);box-shadow:#5dbcfc4d 0 2px 10px}section.projects .box .box-title{margin:14px 0;font-size:20px;color:var(--title)}section.projects .box .box-subtitle{color:var(--subtitle);font-size:15px;margin-bottom:20px;line-height:1.5}section.projects .box .links:hover{color:var(--blue);cursor:pointer;transition:all .6s}section.projects .box .links .icon-link{color:var(--title)}section.projects .box .links .link-name{margin-left:10px;color:var(--title)}.skills-section{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;gap:3rem;overflow:hidden}.skills-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;animation:gradientShift 15s ease-in-out infinite alternate}@keyframes gradientShift{0%{background-position:0% 0%}to{background-position:100% 100%}}.skill-word{font-size:clamp(2.5rem,5vw,4rem);color:var(--title);font-weight:800;position:relative;text-align:center;margin-bottom:2rem;letter-spacing:3px;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.skill-word:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--title),var(--title),transparent);border-radius:2px;animation:lineWidth 3s ease-in-out infinite}@keyframes lineWidth{0%,to{width:100px}50%{width:150px}}.icons-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2.5rem;width:100%;max-width:1200px;padding:1.5rem;perspective:1000px}.skills-icon{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff1a;transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer;overflow:hidden}.skills-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .5s ease}.skills-icon:after{content:attr(data-skill);position:absolute;bottom:1rem;font-size:1rem;font-weight:600;color:var(--title);opacity:0;transform:translateY(10px);transition:all .5s ease;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:1px}.skills-icon:hover{transform:translateY(-15px) rotateX(10deg) rotateY(10deg);box-shadow:0 20px 40px #0003,inset 0 0 0 1px #fff3;background:#ffffff1f}.skills-icon:hover:before{opacity:1}.skills-icon:hover:after{opacity:1;transform:translateY(0)}.skills-icon img{width:60px;height:60px;object-fit:contain;margin-bottom:1rem;transition:all .5s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transform-style:preserve-3d}.skills-icon:hover img{transform:scale(1.15) translateZ(20px);filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.skills-icon{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.skills-icon:nth-child(1){animation-delay:.1s}.skills-icon:nth-child(2){animation-delay:.2s}.skills-icon:nth-child(3){animation-delay:.3s}.skills-icon:nth-child(4){animation-delay:.4s}.skills-icon:nth-child(5){animation-delay:.5s}.skills-icon:nth-child(6){animation-delay:.6s}.skills-icon:nth-child(7){animation-delay:.7s}.skills-icon:nth-child(8){animation-delay:.8s}@media (max-width: 1024px){.skills-section{padding:3rem 1.5rem}.icons-container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem}.skills-icon{padding:1.8rem}.skills-icon img{width:50px;height:50px}}@media (max-width: 768px){.skills-section{padding:2rem 1rem;gap:2rem}.icons-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.skills-icon{padding:1.5rem}.skills-icon img{width:45px;height:45px}.skill-word{font-size:clamp(2rem,4vw,3rem)}}@media (max-width: 480px){.skills-section{padding:1.5rem .5rem}.icons-container{grid-template-columns:repeat(2,1fr);gap:1rem}.skills-icon{padding:1.2rem}.skills-icon img{width:40px;height:40px}.skill-word{font-size:clamp(1.8rem,3vw,2.5rem)}.skills-icon:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg)}}section.hero{margin-top:4rem}section.hero .jop-title{background-image:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,#4f0d7eb7,#8f00ff);background-size:400% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:moveBackground 20s linear infinite}@media (max-width: 768px){section.hero .jop-title{font-size:2.6rem}}@media (max-width: 480px){section.hero .jop-title{font-size:2.4rem}}@keyframes moveBackground{0%{background-position:0% 50%}to{background-position:400% 50%}}section.hero .parent-avatar.flex{align-items:end;gap:.7rem;min-height:88px}section.hero .left-section{flex-grow:1}section.hero .avatar{border-radius:50%;width:88px;border:1px solid #eee2d2;padding:3px;box-shadow:2px 2px 30px #80808071}section.hero .icon-verified{color:var(--blue);font-size:1.2rem;margin-bottom:.3rem}section.hero h1.title{font-size:2.85rem;line-height:3.3rem;margin:20px 0;color:var(--title)}section.hero p.sub-title{font-size:.9rem;line-height:1.65rem;margin-bottom:32px;color:var(--subtitle)}section.hero .all-icons{font-size:1.4rem;gap:1.5rem;color:var(--subtitle)}section.hero .all-icons .icon:hover{font-size:1.5rem;transition:.3s;color:var(--icon-hover);cursor:pointer}.animation{width:120rem;translate:100px 55px}@media (max-width: 1200px){.animation{display:none}}main.flex{gap:2.5rem;align-items:start}main section.left-section.flex{flex-direction:column;gap:10px}main section.left-section.flex button{background-color:#24252e;width:11rem;padding:.75rem 0;text-align:center;font-size:1.05rem;opacity:.5;border-radius:5px;transition:.3s}main section.left-section.flex button:hover{opacity:1}main section.left-section.flex button.active{opacity:1;border:1px solid var(--blue);font-weight:700;letter-spacing:.6px;padding:.8rem 0}.light main section.left-section.flex button.active{border-color:var(--border)}main section.left-section.flex button:active{scale:.9}main section.right-section.flex{flex-grow:1;flex-wrap:wrap;column-gap:16px;row-gap:2rem;justify-content:center}.card{border:1px solid rgba(93,188,252,.3);border-radius:5px;transition:.3s;overflow:hidden;background-image:linear-gradient(#ffffff0d,#ffffff0d)}.light .card{border:1px solid var(--subtitle)}.light .card:hover{border-color:var(--title)}.card:hover{border:1px solid var(--blue);rotate:1deg;scale:1.01;cursor:pointer}.card .box{padding:1rem .4rem}.card .box .title{color:var(--title)}.card .box .sub-title{color:var(--subtitle);font-size:.8rem;margin-top:.7rem;margin-bottom:1.1rem}.card .box .icons{justify-content:space-between}.card .icon-link,.card .icon-github{font-size:1.2rem;color:var(--subtitle)}.card .icon-link:hover,.card .icon-github:hover{font-size:1.25rem;color:var(--icone-hover);cursor:pointer}.card .link{font-size:.9rem;color:var(--blue);margin-right:12px}@media (max-width: 750px){main.flex{flex-direction:column;gap:2.5rem;align-items:center}main section.left-section.flex{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}main section.left-section.flex button{width:7rem;padding:.8rem 0;font-size:.9rem}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;margin-left:auto;margin-right:auto}.spinner{width:70.4px;height:70.4px;--clr: rgb(93, 188, 252);--clr-alpha: rgba(93, 188, 252, .1);animation:spinner 1.6s infinite ease;transform-style:preserve-3d}.spinner>div{background-color:var(--clr-alpha);height:100%;position:absolute;width:100%;border:3.5px solid var(--clr)}.spinner div:nth-of-type(1){transform:translateZ(-35.2px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translate(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translate(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(35.2px)}@keyframes spinner{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}html{font-family:Roboto,sans-serif;box-sizing:border-box;letter-spacing:.8px;scroll-behavior:smooth;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}*{padding:0;margin:0}:root{--primary: #000;--scondary: rgb(24, 24, 27);--border: rgba(63, 63, 70, .4);--title: rgb(244, 244, 245);--subtitle: rgb(161, 161, 170);--bgHeader: rgb(39, 39, 42);--blue: rgb(93, 188, 252);--icon-hover: #d4d4d8}.light{--primary: #fff;--scondary: rgb(240, 240, 240);--border: rgba(200, 200, 200, .4);--title: rgb(39, 39, 42);--subtitle: rgb(100, 100, 100);--bgHeader: rgb(230, 230, 230);--blue: rgb(93, 188, 252);--icon-hover: #555}.dark{--primary: #000;--scondary: rgb(24, 24, 27);--border: rgba(63, 63, 70, .4);--title: rgb(244, 244, 245);--subtitle: rgb(161, 161, 170);--bgHeader: rgb(39, 39, 42);--blue: rgb(93, 188, 252);--icon-hover: #d4d4d8}body{background-color:var(--primary);color:#fff}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background-color:var(--bgHeader)}::-webkit-scrollbar-thumb{background-color:var(--blue)}.light::-webkit-scrollbar-thumb{background-color:var(--title)}.container{border:2px solid var(--border);width:80%;margin-left:auto;margin-right:auto;background-color:var(--scondary);padding:0 4.8rem;overflow-x:hidden}.divider{border-top:1px solid var(--border);width:calc(100% + 9.6rem);margin:3rem 0 3rem -4.8rem}li{list-style:none}a{text-decoration:none;color:initial;transition:.2s;all:unset}.flex{display:flex;align-items:center}.border{border:2px solid red}button{all:unset;cursor:pointer}button:active{scale:.6}button:disabled{opacity:.4;cursor:not-allowed}.scroll2Top{background-color:#1976d2d9;width:2.7rem;height:2.7rem;border-radius:50%;position:fixed;bottom:2rem;right:3%;text-align:center;border:1px solid rgba(255,255,255,.3);transition:1s}.scroll2Top:active{scale:.9}.scroll2Top:hover{background-color:#1976d2}.icon-keyboard_arrow_up{font-size:1.5rem}@media (max-width: 100px){.container{width:90%;padding:0 1.7rem}.divider{width:calc(100% + 3.4rem);margin-left:-1.7rem}}@media (max-width: 600px){.container{width:98%;padding:0 1.7rem;overflow-x:hidden}.scroll2Top{width:2.3rem;height:2.3rem;opacity:.5}}