@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,400;1,500;1,600&display=swap";.navList{margin-top:4rem;width:max-content}.navLink{display:flex;align-items:center;padding:1.5rem 0;text-decoration:none}.navIndicator{margin-right:1rem;height:1px;width:2rem;background:#475569;transition:all .15s ease}.navText{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;transition:color .15s ease}.navLink:hover .navIndicator,.navLink:focus-visible .navIndicator{width:4rem;background:#e2e8f0}.navLink:hover .navText,.navLink:focus-visible .navText{color:#e2e8f0}.hero{position:sticky;top:0;display:flex;flex-direction:column;gap:5vh;justify-content:space-between;padding:8rem 4rem;height:100%;max-height:100vh}.contentHero h4{margin-top:1.5rem;color:#d9d7d7de}.mainHero{height:100%}.socialLogs{display:flex;align-items:center;margin-top:2rem;margin-left:.25rem;gap:2rem;padding:0;list-style:none}.logos a{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;transition:color .2s ease,transform .2s ease,filter .2s ease}.logos a:hover,.logos a:focus-visible{color:#5eead4;transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 0 10px rgba(94,234,212,.25))}.logos svg{width:3.6rem;height:3.6rem;display:block}.navLink.active .navIndicator{width:4rem;background:#e2e8f0}.navLink.active .navText{color:#e2e8f0}@media (max-width: 1024px){.hero{position:relative;top:auto;min-height:auto;max-height:none;padding:5rem 3rem 3rem;gap:2.5rem}.navList{display:none}.contentHero{max-width:48rem}.navList{margin-top:2.5rem}}@media (max-width: 768px){.hero{padding:4rem 2rem 2rem;gap:2rem}.navList{display:none}.contentHero{display:flex;flex-direction:column;gap:1rem}.navList{margin-top:1.5rem}.navLink{padding:1rem 0}.navIndicator{width:1.6rem}.navLink:hover .navIndicator,.navLink:focus-visible .navIndicator,.navLink.active .navIndicator{width:3rem}.socialLogs{margin-top:.5rem;gap:1.4rem}.logos svg{width:3rem;height:3rem}}@media (max-width: 500px){.hero{padding:3.2rem 1.6rem 1.6rem}.navList{display:none}.socialLogs{gap:1.2rem}.logos svg{width:2.6rem;height:2.6rem}}.skillsSectionWrapper{padding-top:8rem;padding-bottom:2rem}.skillsSectionHeader{margin-bottom:2rem}.skillsSectionIntro{max-width:720px;margin-top:1rem;color:#ffffffb8;font-size:1.8rem;line-height:1.8}.skillsSectionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.skillsCard{position:relative;padding:1.75rem;border-radius:1.25rem;background:#2b2b2b;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.skillsCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px circle at 50% 50%,rgba(94,234,212,.08),transparent 45%);opacity:0;transition:opacity .25s ease;pointer-events:none}.skillsCard:hover,.skillsCard:focus-within{transform:translateY(-4px);background:#303030;border-color:#5eead42e;box-shadow:0 18px 40px #00000038}.skillsCard:hover:before,.skillsCard:focus-within:before{opacity:1}.skillsCardIcon{position:relative;z-index:1;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:.9rem;background:rgba(94,234,212,.08);color:#5eead4}.skillsCardTitle{position:relative;z-index:1;margin:0 0 1rem;font-size:2rem;font-weight:700;color:#ebebeb}.skillsChips{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.7rem}.skillsChip{padding:.5rem .8rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#ffffffd1;font-size:1.2rem;line-height:1;transition:background .2s ease,border-color .2s ease,color .2s ease}.skillsCard:hover .skillsChip,.skillsCard:focus-within .skillsChip{background:rgba(94,234,212,.08);border-color:#5eead424;color:#c8fff5}@media (max-width: 900px){.skillsSectionIntro{font-size:1.6rem}}@media (max-width: 500px){.skillsSectionWrapper{padding-top:6rem}.skillsSectionIntro{font-size:1.4rem}.skillsCard{padding:1.4rem}.skillsCardTitle{font-size:1.25rem}.skillsChip{font-size:.85rem}}.mainDescrition{position:sticky;top:120px}.contentDescription{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.contentDescription{gap:1.5rem}.description h1{margin-bottom:2rem}.description p{color:#d9d7d7de;margin-bottom:2rem;line-height:1.8}@media (max-width: 1024px){.description{padding-top:4rem}}@media (min-width: 1200px){.project.right{display:grid;grid-template-columns:1fr 1.35fr;column-gap:2rem;align-items:center}.project.left{display:grid;grid-template-columns:1.35fr 1fr;column-gap:2rem;align-items:center}.projectContent.right{grid-area:1 / 1 / 2 / 2}.gifContainer.right,.projectContent.left{grid-area:1 / 2 / 2 / 3}.gifContainer.left{grid-area:1 / 1 / 2 / 2}}.project{position:relative;margin:5vh 0;padding:2rem 1rem;color:#ffffffd1;border-top:1px solid rgba(255,255,255,.05);transition:transform .22s ease,opacity .22s ease}.project:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.25rem;background:rgba(255,255,255,.025);opacity:0;transform:scale(.985);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.project:hover:before,.project:focus-within:before{opacity:1;transform:scale(1)}.projectContent,.gifContainer{position:relative;z-index:1}.leftt,.rightt{display:flex;flex-direction:column;gap:1.4rem}.leftt{text-align:left}.rightt{text-align:right}.projectHeading{display:flex;flex-direction:column;gap:.4rem}.projectTitle{margin:0;font-size:1.8rem;font-weight:700;color:#ebebeb}.projectDescription{margin:0;font-size:1.6rem;line-height:1.7;color:#ffffffc2;max-width:62ch}.rightt .projectDescription{margin-left:auto}.projectTechBlock{display:flex;flex-direction:column;gap:.8rem}.projectTechLabel{font-size:1.6rem;color:#ffffffe6}.projectTechList{display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none}.listright{justify-content:flex-end}.listleft{justify-content:flex-start}.projectTechItem{padding:.42rem .72rem;font-size:1.4rem;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);color:#ffffffb8;line-height:1;transition:border-color .2s ease,color .2s ease,background .2s ease}.project:hover .projectTechItem,.project:focus-within .projectTechItem{border-color:#5eead424;color:#d2fff6;background:rgba(94,234,212,.05)}.projectsLinksright{display:flex;justify-content:flex-end}.projectsLinksleft{display:flex;justify-content:flex-start}.projectLinkSite{position:relative;display:inline-flex;align-items:center;font-size:1.6rem;text-decoration:none;color:#5eead4;transition:color .22s ease,transform .22s ease}.projectLinkSite:hover,.projectLinkSite:focus-visible{color:#99f6e4;transform:translateY(-1px)}.projectLinkSite:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:currentColor;transition:width .22s ease}.projectLinkSite:hover:after,.projectLinkSite:focus-visible:after{width:100%}.gifContainer{border-radius:1rem;overflow:hidden;background:#2a2a2a;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 28px #00000029}.gif{display:block;width:100%;height:auto;transition:transform .35s ease,opacity .25s ease}.project:hover .gif,.project:focus-within .gif{transform:scale(1.015)}@media (max-width: 1090px){.project{padding:1.6rem 0}}@media (max-width: 500px){.project.left,.project.right{display:flex;flex-direction:column;gap:1.4rem}.leftt,.rightt{text-align:left;padding:1rem}.rightt .projectDescription{font-size:1.4rem;margin-left:0}.projectsLinksright,.projectsLinksleft,.listright,.listleft{justify-content:flex-start}}.projectsSection{padding-top:8rem;padding-bottom:2rem}.projectsSectionHeader{margin-bottom:2.2rem}.projectsSectionTitle{margin:0}.projectsSectionIntro{max-width:760px;margin-top:1rem;color:#ffffffb8;font-size:1.8rem;line-height:1.8}.projectsSectionList{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 500px){.projectsSection{padding-top:6rem}.projectsSectionIntro{font-size:1.4rem}}.personalProjectsSection{padding-top:8rem;padding-bottom:2rem}.personalProjectsHeader{margin-bottom:2.2rem}.personalProjectsTitle{margin:0}.personalProjectsIntro{max-width:760px;margin-top:1rem;color:#ffffffb8;font-size:1.05rem;line-height:1.8}.personalProjectsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}@media (max-width: 900px){.personalProjectsGrid{grid-template-columns:1fr}}@media (max-width: 500px){.personalProjectsSection{padding-top:6rem}}.personalProjectCard{position:relative;border-radius:1.25rem;background:#2b2b2b;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.personalProjectCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at 50% 50%,rgba(94,234,212,.08),transparent 45%);opacity:0;transition:opacity .25s ease;pointer-events:none}.personalProjectCard:hover,.personalProjectCard:focus-within{transform:translateY(-4px);background:#303030;border-color:#5eead429;box-shadow:0 18px 40px #00000038}.personalProjectCard:hover:before,.personalProjectCard:focus-within:before{opacity:1}.personalProjectInner{position:relative;z-index:1;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;height:100%}.personalProjectTop{display:flex;flex-direction:column;gap:.85rem}.personalProjectTitle{margin:0;color:#ebebeb;font-size:2rem;line-height:1.1;font-weight:700}.personalProjectDescription{margin:0;color:#ffffffc7;line-height:1.75;font-size:1rem}.personalProjectTechList{display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none}.personalProjectTechItem{padding:.45rem .78rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#ffffffd1;font-size:.92rem;line-height:1;transition:background .2s ease,border-color .2s ease,color .2s ease}.personalProjectCard:hover .personalProjectTechItem,.personalProjectCard:focus-within .personalProjectTechItem{background:rgba(94,234,212,.08);border-color:#5eead424;color:#c8fff5}.personalProjectFocus{margin:0;color:#ffffffd1;line-height:1.7}.personalProjectFocusLabel{color:#5eead4;font-weight:700}.personalProjectActions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:auto}.personalProjectAction{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border-radius:.85rem;text-decoration:none;font-weight:600;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}.personalProjectAction:hover,.personalProjectAction:focus-visible{transform:translateY(-1px)}.personalProjectAction.primary{background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.16);color:#c8fff5}.personalProjectAction.primary:hover,.personalProjectAction.primary:focus-visible{background:rgba(94,234,212,.14)}.personalProjectAction.secondary{background:transparent;border:1px solid rgba(255,255,255,.08);color:#ffffffdb}.personalProjectAction.secondary:hover,.personalProjectAction.secondary:focus-visible{background:rgba(255,255,255,.04);border-color:#ffffff24}.personalProjectAction.disabled{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:#ffffff73;cursor:default}@media (max-width: 500px){.personalProjectInner{padding:1.4rem}.personalProjectTitle{font-size:1.6rem}.personalProjectDescription{font-size:.95rem}.personalProjectTechItem{font-size:.85rem}}#contact{max-width:1090px;margin:0 auto}label{display:block;text-align:left}input#name,input#email,textarea{width:100%;margin:2rem 0;font-family:inherit;padding:.5rem;background-color:#d9d9d9;color:#242424;border:none}textarea{resize:none;height:12rem}.big.title{margin-bottom:4rem}#submit{margin-top:3.5rem}.error{color:red}.loader{display:flex;margin-top:3.5rem;justify-content:center;align-items:center}.loader-container{width:4rem;height:4rem;display:flex;justify-content:center;align-items:center}.spinner{width:4rem;height:4rem;border:8px solid;border-color:#242424 #f3f3f3 #242424 #f3f3f3;border-radius:100%;animation:spin-anim 1.2s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 750px){input#name,input#email,textarea{margin:1rem 0}textarea{height:15rem}}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:inherit;font-weight:600;letter-spacing:.01em;line-height:1;color:#ffffffe6;padding:1.1rem 1.5rem;min-height:52px;max-width:40rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#2b2b2b;cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}.button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(280px circle at 50% 50%,rgba(94,234,212,.16),transparent 60%);opacity:0;transition:opacity .22s ease;pointer-events:none}.button:hover,.button:focus-visible{transform:translateY(-2px);background:#303030;border-color:#5eead433;color:#ebebeb;box-shadow:0 14px 30px #0000002e}.button:hover:before,.button:focus-visible:before{opacity:1}.button:focus-visible{outline:none}.button:active{transform:translateY(0)}.button.small{padding:.9rem 1.2rem;min-height:44px}.button.medium{padding:1.1rem 1.5rem;min-height:52px}.button.big{padding:1.25rem 1.8rem;min-height:58px}.language{position:fixed;right:1.5rem;bottom:1.5rem;z-index:20}.languageSwitcher{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem;border-radius:999px;background:rgba(43,43,43,.92);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.languageButton{position:relative;min-width:3.25rem;min-height:2.6rem;padding:.65rem .9rem;border:0;border-radius:999px;background:transparent;color:#ffffffad;font:inherit;font-size:.9rem;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}.languageButton:hover,.languageButton:focus-visible{color:#ebebeb;background:rgba(255,255,255,.05);outline:none}.languageButton:active{transform:scale(.98)}.languageButton.active{background:rgba(94,234,212,.12);color:#c8fff5;box-shadow:inset 0 0 0 1px #5eead429}@media (max-width: 500px){.language{right:1rem;bottom:1rem}.languageSwitcher{padding:.3rem}.languageButton{min-width:2.8rem;min-height:2.35rem;padding:.55rem .75rem;font-size:.82rem}}.Add{--mouse-x: 50%;--mouse-y: 50%;position:relative;gap:1rem;background-color:#242424}.Add:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1000px circle at var(--mouse-x) var(--mouse-y),rgba(33,59,54,.75),rgba(33,59,54,.35) 25%,transparent 55%)}.App{gap:1rem;display:flex;margin:0 auto;justify-content:space-between;max-width:1280px}.content{max-width:1100px;padding:8rem 4rem;width:60%}.sideScroll{width:40%}.sideScroll,.content{position:relative;z-index:1}.smaller{font-size:1.2rem}.small{font-size:1.8rem}.medium{font-size:2rem}.big{font-size:3rem}.bigger{font-size:6rem;padding-bottom:1rem}.bold{font-weight:700}.lighter{color:#d9d7d7de}.contentSize{width:min-content}#projects{padding-top:12rem}#socials{display:flex}.getInTouch{padding-top:6rem;padding-bottom:5rem}@media (max-width: 1024px){.App{flex-direction:column;gap:0;max-width:100%}.sideScroll,.content{width:100%}.content{max-width:100%;padding:0 3rem 6rem}.small{font-size:1.8rem}.medium{font-size:2.5rem}.big{font-size:4rem}}@media (max-width: 750px){.Add:before{background:radial-gradient(700px circle at var(--mouse-x) var(--mouse-y),rgba(33,59,54,.55),rgba(33,59,54,.22) 25%,transparent 60%)}.content{padding:0 2rem 5rem}.small{font-size:1.6rem}.medium{font-size:2rem}.big{font-size:3rem}#projects{padding-top:8rem}.getInTouch{padding-top:5rem;padding-bottom:4rem}}@media (max-width: 500px){.content{padding:0 1.6rem 4rem}.bigger{font-size:3.4rem}.small{font-size:1.4rem}.medium{font-size:1.8rem}.big{font-size:2.5rem}}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Light-28bde2ff.woff2) format("woff2"),url(/assets/Satoshi-Light-0b92e19b.woff) format("woff"),url(/assets/Satoshi-Light-ca3376c4.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Regular-5aa97d93.woff2) format("woff2"),url(/assets/Satoshi-Regular-badbfc69.woff) format("woff"),url(/assets/Satoshi-Regular-b94308c3.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Medium-d492ce17.woff2) format("woff2"),url(/assets/Satoshi-Medium-999bae3e.woff) format("woff"),url(/assets/Satoshi-Medium-1b8add8d.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Bold-6f979e75.woff2) format("woff2"),url(/assets/Satoshi-Bold-1bdde067.woff) format("woff"),url(/assets/Satoshi-Bold-4b7a5e6f.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(./assets/fonts/satoshi/Satoshi-Black.woff2) format("woff2"),url(./assets/fonts/satoshi/Satoshi-Black.woff) format("woff"),url(./assets/fonts/satoshi/Satoshi-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Bitcount Grid Double;src:url(/assets/BitcountGridDouble-Light-dc4c30f8.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Bitcount Grid Double;src:url(/assets/BitcountGridDouble-Regular-19a6d3f2.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Bitcount Grid Double;src:url(/assets/BitcountGridDouble-Medium-c94c1159.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Bitcount Grid Double;src:url(/assets/BitcountGridDouble-Bold-1defe476.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Bitcount Grid Double;src:url(/assets/BitcountGridDouble-Black-4d141ef1.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{margin:0;font-family:Satoshi,monospace,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,pre{font-family:Satoshi,monospace,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{font-family:Satoshi,monospace,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-decoration:none;color:inherit}:root{color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}