.App{text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;color:#fff}.sectionFooter{background:var(--color-secondary);height:4em;width:100%;display:flex;align-items:center;justify-content:center}.sectionFooter sub{font-size:.8rem;color:#f8931d99}nav{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);padding:0 24px;z-index:100000000;position:fixed;top:0;left:0;font-size:.8rem;line-height:1;background-color:#1616234d;border-bottom:1px solid rgba(124,124,124,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}nav>a{color:#f8931d}nav>ul{-webkit-backdrop-filter:blur(10000px);backdrop-filter:blur(10000px);padding:0 8px}@media (width <= 760px){nav{flex-direction:column}nav>a{display:none}}.tabs{list-style:none;display:flex;justify-content:center;align-items:center;position:relative;z-index:0;gap:24px;padding:0 16px;border-radius:50vw;border:1px solid rgba(255,255,255,.1)}.tabs>li{position:relative;z-index:20;transition:color .15s}.tabs>li>a{padding:10px 0;display:block;color:#f1f1f1;text-decoration:none}.tabs>li>a:hover{color:#fff}.motionDiv{position:absolute;z-index:10;top:0;left:0;border-radius:50vw;background:rgba(248,147,29,.6)}.sectionMain{width:100%;background-color:var(--color-secondary);background-image:radial-gradient(ellipse 80% 80% at 50% -20%,rgba(120,119,198,.3),rgba(255,255,255,0))}.sectionSecondary{width:80%;padding:0 10%}.sectionTertiary{background:var(--color-primary);width:80%;padding:0 10%}.sectionQuaternary{display:flex;flex-direction:column;background:var(--color-secondary);width:80%;padding:0 10%}.sectionPresentation{display:flex;position:relative;z-index:10;flex-direction:column;align-items:flex-start;align-self:center;justify-content:center;text-align:left;min-height:calc(100vh - 200px);padding:100px 0}.sectionPresentation>div{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.sectionPresentation>div:last-child{max-width:700px}.sectionPresentation>div:last-child a svg{filter:brightness(0) invert(1)}.sectionPresentation h1{font-family:Geist-Bold;font-size:2.75rem;margin:0}.sectionPresentation p,.sectionPresentation sub{font-size:var(--font-md);max-width:700px;text-wrap:balance;line-height:1.5}.sectionPresentation p>span{color:var(--color-textQuaternary)}.sectionExperience{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px 0 80px}.sectionExperience h2{font-family:Geist-Bold;margin-bottom:2em;font-size:2rem}.sectionSkills{min-height:100vh;padding-bottom:80px}.sectionSkills h2{font-family:Geist-Bold;font-size:2rem}.sectionProjects{width:100%;display:flex;flex-direction:column;padding:40px 0 120px}.sectionProjects h2{font-family:Geist-Bold;font-size:2rem;margin-bottom:.3em}.repositoriesLink{margin-bottom:5em;font-size:.8rem;font-weight:700;color:#fffc;transition:color .3s}.repositoriesLink:hover{color:#fff}.sectionContact{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;max-width:600px;gap:12px}.sectionContact h2{font-family:Geist-Bold;font-size:2rem;margin:0}.sectionContact p{font-size:1rem;color:#fff9;margin-bottom:36px}.infoBarButton{background-color:#ffffff08;border:none;border-left:2px solid rgba(255,255,255,.2);color:#fffc;font-family:Geist;font-size:1rem;padding:.4em 0;transition:.4s all}.infoBarButton:hover{background:rgba(248,147,29,.2);color:#f8931d}.list{font-size:1rem;padding:0}.list li{margin:10px 0}.list li::marker{color:#f8931d}.infoBar{display:flex;justify-content:space-between;width:100%}.infoBar div:nth-child(1){display:flex;flex-direction:column;width:25%}.infoBar div:nth-child(2){text-align:start;width:72%}.infoBar div:nth-child(2) h3{color:#f8931d;font-size:1.2rem;font-family:Geist-Bold;margin:0}.infoBar div:nth-child(2) h4{font-size:1.1rem;font-family:Geist-Bold;margin:0}.infoBar div:nth-child(2) sub{font-size:.8rem}.infoBar div:nth-child(2) p{font-size:1rem}.skillsGroup{column-count:4;column-gap:24px}@media (max-width: 520px){.skillsGroup{column-count:2}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}.tippyImage{transition:transform .2s}.tippyImage svg{width:80px;height:80px;margin:24px 0}.tippyImage:hover{transform:scale(1.5)}.waveSeparator{display:block;width:100%;height:60px}.wave1>use{animation:move-forever1 10s linear infinite}.wave1>use:nth-child(1){animation-delay:-2s}.wave2>use{animation:move-forever2 8s linear infinite}.wave2>use:nth-child(1){animation-delay:-2s}.wave3>use{animation:move-forever3 6s linear infinite}.wave3>use:nth-child(1){animation-delay:-2s}.wave4>use{animation:move-forever4 4s linear infinite}.wave4>use:nth-child(1){animation-delay:-2s}@keyframes move-forever1{0%{transform:translate(85px)}to{transform:translate(-90px)}}@keyframes move-forever2{0%{transform:translate(-90px)}to{transform:translate(85px)}}@keyframes move-forever3{0%{transform:translate(85px)}to{transform:translate(-90px)}}@keyframes move-forever4{0%{transform:translate(-90px)}to{transform:translate(85px)}}.curvedSeparator{width:100%;height:70px;overflow:hidden}.curvedSeparator div{width:126%;margin-left:-13%;border-top-left-radius:100%;border-top-right-radius:100%;height:300px}.projectList{display:flex;flex-direction:column;gap:78px}.ButtonIcon{display:flex;position:relative;background-color:#28284199;color:#fff;text-decoration:none;align-items:center;padding:5px 10px;border-radius:50vw;box-shadow:0 2px 5px #00000080;gap:5px;transition:transform .1s cubic-bezier(.4,0,.2,1),filter .1s cubic-bezier(.4,0,.2,1)}.ButtonIcon:before{position:absolute;z-index:-10000;content:" ";left:0;top:0;width:100%;height:100%;border:1px solid #ffffff7a;background:#ffffff1a;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:50vw;opacity:.5}.ButtonIcon:hover{transform:scale(1.15);filter:brightness(1.1)}.ButtonIcon>svg{width:2rem;height:2rem}.hoverIcon svg{filter:brightness(0) invert(1);width:32px;height:32px;transition:filter .2s,transform .2s}.hoverIcon svg:hover{filter:none;opacity:1;transform:scale(1.1)}.projectCard{display:flex;align-items:center;gap:32px;text-align:left}.projectCard h3{font-family:Geist-Bold;font-size:1.2rem;padding:0;margin:0}.projectCard p{font-size:1rem;line-height:1.3em;margin:12px 0}.projectCard header{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.projectCard aside{padding:0 12px}.projectCard aside img{object-fit:contain;max-height:40vh;width:30vw;filter:drop-shadow(5px 5px 5px rgba(0,0,0,.7))}.projectCard footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.projectCard footer>.ButtonIconGithub>svg{fill:#fff}.projectCard footer>.ButtonIconWebsite>svg path{stroke:#fff}@media (max-width: 620px){.projectCard{flex-direction:column}.projectCard aside img{width:70vw}}.worldCanvas{width:100%;height:100vh;overflow:hidden;position:absolute;top:0;left:0}.worldCanvas>canvas{width:min-content;opacity:.4}.Badge{display:inline-flex;overflow:hidden;position:relative;border-radius:9999px;padding:1px;border:none}.Badge>span:first-child{top:-1000%;right:-1000%;bottom:-1000%;left:-1000%;animation:spin 2s linear infinite;position:absolute}.Badge--primary>span:first-child{background:conic-gradient(from 90deg at 50% 50%,#E2CBFF 0%,#393BB2 50%,#E2CBFF 100%)}.Badge--danger>span:first-child{background:conic-gradient(from 90deg at 50% 50%,#f58d8d 0%,#b23939 50%,#f58d8d 100%)}.Badge>span:last-child{display:inline-flex;padding:.4rem .75rem;justify-content:center;align-items:center;border-radius:9999px;font-size:var(--font-sm);width:100%;height:100%;color:#fff;background-color:#020617;cursor:grab;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px)}.ContactForm>div{display:flex;gap:12px}.ContactForm+.message{font-size:var(--font-sm);background:#00000010;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffff1a;padding:5px 15px;border-radius:50vw;transition:.5s opacity,.3s transform}.ContactForm+.message.hidden{opacity:0;transform:scale(0)}@media (width < 640px){.sectionContact form>div{flex-wrap:wrap}}.Form{display:flex;width:100%;flex-direction:column;gap:12px}.Form>button{display:flex;flex-direction:column;align-items:center;background:var(--color-primary);color:var(--color-white);font-size:var(--font-xs);padding:.5rem;border:1px solid #ffffff1a;border-radius:5px;cursor:pointer;transition:filter .15s}.Form>button:hover{filter:brightness(.9)}.Form .loading{transform:rotate(160deg);display:flex;width:fit-content;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.StyledInput{width:100%;display:flex;flex-direction:column;align-items:flex-start;font-size:var(--font-xs);gap:5px}.StyledInput>span{cursor:pointer}.StyledInput>span>b{font-weight:400;color:var(--color-textTertiary)}.StyledInput>input{display:block;width:calc(100% - 1rem);background:none;border:1px solid #ffffff1a;color:#fff;border-radius:5px;font-family:Geist;padding:.5rem;transition:border .15s,box-shadow .15s}.StyledInput>input:focus{outline:none;border:1px solid rgba(248,147,29,.8);box-shadow:0 0 5px #f8931dcc}.StyledInput>input:hover{border:1px solid rgba(248,147,29,.8)}.StyledInput>input::placeholder{color:var(--color-textSecondary)}.StyledTextArea{width:100%;display:flex;flex-direction:column;align-items:flex-start;font-size:var(--font-xs);gap:5px}.StyledTextArea>span{cursor:pointer}.StyledTextArea>span>b{font-weight:400;color:var(--color-textTertiary)}.StyledTextArea>textarea{display:flex;width:calc(100% - 1rem);background:none;border:1px solid #ffffff1a;color:#fff;border-radius:5px;font-family:Geist;padding:.5rem;resize:vertical;max-height:140px;transition:border .15s,box-shadow .15s}.StyledTextArea>textarea:focus{outline:none;border:1px solid rgba(248,147,29,.8);box-shadow:0 0 5px #f8931dcc}.StyledTextArea>textarea:hover{border:1px solid rgba(248,147,29,.8)}.StyledTextArea>textarea::placeholder{color:var(--color-textSecondary)}@font-face{font-family:Gotham;src:url(/assets/GothamBook-742359d4.ttf)}@font-face{font-family:Gotham-Bold;src:url(/assets/GothamBlack-08260471.otf)}@font-face{font-family:Geist;src:url(/assets/Geist-Regular-0dceeee4.otf)}@font-face{font-family:Geist-Bold;src:url(/assets/Geist-Black-af487ddb.otf)}html{scroll-behavior:smooth}body{font-family:Geist;margin:0}:root{--dark-color-primary: rgb(248, 147, 29);--dark-color-secondary: rgb(22, 22, 35);--dark-color-textPrimary: white;--dark-color-textSecondary: #fff9;--dark-color-textTertiary: rgb(248, 147, 29);--dark-color-textQuaternary: rgb(254 202 202);--color-primary: var(--dark-color-primary);--color-secondary: var(--dark-color-secondary);--color-textPrimary: var(--dark-color-textPrimary);--color-textSecondary: var(--dark-color-textSecondary);--color-textTertiary: var(--dark-color-textTertiary);--color-textQuaternary: var(--dark-color-textQuaternary);--color-white: #ffffff;--font-xl: 1.8rem;--font-lg: 1.5rem;--font-md: 1.25rem;--font-sm: 1rem;--font-xs: .8rem}