@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Press+Start+2P&family=Righteous&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";.circular-gallery{width:100%;height:100%;overflow:hidden;cursor:grab}.circular-gallery:active{cursor:grabbing}.sweep-transition-wrapper{position:relative;overflow:hidden}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.page-transition_block{width:100%;height:16.6667%;background-color:var(--portfolio-elements-item-contentActive);transform:translate(0);animation:sweepOut 1s forwards}.page-transition_block:nth-child(1){animation-delay:0s}.page-transition_block:nth-child(2){animation-delay:.1s}.page-transition_block:nth-child(3){animation-delay:.2s}.page-transition_block:nth-child(4){animation-delay:.3s}.page-transition_block:nth-child(5){animation-delay:.4s}.page-transition_block:nth-child(6){animation-delay:.5s}.page-transition.reverse .page-transition_block{animation:sweepIn 1s forwards}.page-transition.reverse .page-transition_block:nth-child(1){animation-delay:.5s}.page-transition.reverse .page-transition_block:nth-child(2){animation-delay:.4s}.page-transition.reverse .page-transition_block:nth-child(3){animation-delay:.3s}.page-transition.reverse .page-transition_block:nth-child(4){animation-delay:.2s}.page-transition.reverse .page-transition_block:nth-child(5){animation-delay:.1s}.page-transition.reverse .page-transition_block:nth-child(6){animation-delay:0s}@keyframes sweepOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes sweepIn{0%{width:100%}to{width:0%}}html{scroll-behavior:smooth}body{background-color:var(--portfolio-elements-item-backgroundDefault);color:var(--portfolio-elements-textPrimary);padding-bottom:60px}.logo{transition:color .3s ease}.todays-date{position:absolute;top:5px;left:50%;transform:translate(-50%);background-color:var(--portfolio-elements-item-backgroundDefault);text-align:center;display:flex;justify-content:center;align-items:center;height:25px;padding:5px;z-index:1000}.dev-portfolio-header{justify-content:space-between;padding:0 1rem}.navbar-logo-container a{margin:5px;text-decoration:none;color:var(--portfolio-elements-textPrimary)}.navbar-logo-container a:hover{color:var(--portfolio-elements-textTertiary);transition:color .3s ease}.navbar-social-icons-container a{margin:5px;text-decoration:none;color:var(--portfolio-elements-textPrimary)}.navbar-social-icons-container a:hover{color:var(--portfolio-elements-textTertiary);transition:color .3s ease}.navbar-social-icons-container div{margin:5px;text-decoration:none;color:var(--portfolio-elements-textPrimary)}.welcome-container{display:relative;height:40vh;color:var(--portfolio-elements-textPrimary)}.main-wrapper{display:flex;justify-content:center;margin:15px}.main-content{display:flex;justify-content:center;align-items:stretch;gap:10px;width:90%;height:40vh;margin-top:50px;margin-left:20%;margin-right:20%}.icon-dev{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%)}.pixel-element{position:relative;flex:1;display:flex;justify-content:center;align-items:center;border-radius:4px;transition:all .3s ease;width:10%;height:90%}.pixel-element p{position:absolute;text-align:center;top:20%;left:50%;transform:translate(-50%);opacity:0}.pixel-element:hover{flex:2;cursor:pointer}.pixel-element:hover .icon-dev{scale:1.1;transition:scale .5s ease}.pixel-element:hover p{opacity:1;transition:opacity .3s ease}.footer-container{position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:95%;z-index:1000;background-color:var(--portfolio-elements-item-backgroundDefaultTransparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-align:center;padding:1rem 0;font-size:10px;justify-content:center;align-items:center;overflow:hidden;height:60px;box-shadow:0 -2px 10px #0000001a}.footer-container a{text-decoration:none;color:var(--portfolio-elements-textPrimary)}.footer-container a:hover{color:var(--portfolio-elements-textTertiary);transition:color .3s ease}.footer-progress-bar{background:var(--grey);z-index:-1;width:0%;height:100%;transition:width 50ms linear;position:absolute;left:0;top:0}.glitch{color:#fff;font-size:50px;position:relative;width:400px;margin:0 auto}.glitch:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-1px 0 red;top:0;color:#fff;background:#000;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim 2s infinite linear alternate-reverse}.glitch:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:1px 0 blue;top:0;color:#fff;background:#000;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim-2 3s infinite linear alternate-reverse}@keyframes noise-anim{0%{clip:rect(12px,9999px,45px,0)}10%{clip:rect(85px,9999px,20px,0)}20%{clip:rect(0px,9999px,65px,0)}30%{clip:rect(25px,9999px,90px,0)}40%{clip:rect(67px,9999px,32px,0)}50%{clip:rect(48px,9999px,10px,0)}60%{clip:rect(3px,9999px,80px,0)}70%{clip:rect(42px,9999px,50px,0)}80%{clip:rect(95px,9999px,22px,0)}90%{clip:rect(12px,9999px,75px,0)}to{clip:rect(50px,9999px,40px,0)}}@keyframes noise-anim-2{0%{clip:rect(5px,9999px,60px,0)}10%{clip:rect(25px,9999px,30px,0)}20%{clip:rect(70px,9999px,20px,0)}30%{clip:rect(45px,9999px,75px,0)}40%{clip:rect(90px,9999px,15px,0)}50%{clip:rect(30px,9999px,90px,0)}60%{clip:rect(60px,9999px,10px,0)}70%{clip:rect(35px,9999px,55px,0)}80%{clip:rect(10px,9999px,95px,0)}90%{clip:rect(50px,9999px,40px,0)}to{clip:rect(0px,9999px,100px,0)}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;color:#fff;font-family:Share Tech Mono,monospace;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.loading-text{position:absolute;margin-top:40vh;text-align:center;z-index:2;animation:flicker 1.5s infinite;mix-blend-mode:difference}.loading-text p{margin:0;font-size:3.5rem;text-shadow:2px 0 red,-2px 0 cyan}.loading-percent{font-size:20rem;font-weight:700;margin-top:2rem;animation:glitch3D .8s infinite;text-shadow:2px 0 red,-2px 0 cyan}.loading-bar{position:absolute;bottom:0;left:0;width:100%;background:#fff;transition:height .02s linear;z-index:1;box-shadow:0 0 10px #fff}.loading-footer{position:absolute;bottom:20px;width:100%;text-align:center;color:#fff;font-size:1rem;mix-blend-mode:difference;letter-spacing:1px;font-family:monospace;opacity:.8;z-index:5}.logo-crow{margin:5%;mix-blend-mode:difference;animation:flicker 1.5s infinite}@keyframes glitch3D{0%{text-shadow:2px 0 red,-2px 0 cyan}20%{text-shadow:-3px 1px cyan,3px -1px red}40%{text-shadow:2px -2px red,-2px 2px cyan}60%{text-shadow:-4px 0 red,4px 0 cyan}80%{text-shadow:1px 1px cyan,-1px -1px red}to{text-shadow:2px 0 red,-2px 0 cyan}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,22%,24%,55%{opacity:.4}}:root{--white: #f9fdfe;--black: #000;--grey: #202020;--dark-grey: #1b1b1b;--light-grey: #6d6d6d;--light-blue: #bed5e5;--red: #df401d}:root[data-theme=light]{--portfolio-elements-borderColor: #1717171a;--portfolio-elements-borderColorActive: rgb(20,136,252);--portfolio-elements-bg-depth-1: rgb(255,255,255);--portfolio-elements-bg-depth-2: rgb(250,250,250);--portfolio-elements-bg-depth-3: rgb(229,229,229);--portfolio-elements-bg-depth-4: #1717170d;--portfolio-elements-bg-overlay: #ffffffb3;--portfolio-elements-welcome-shape-fill: #17171733;--portfolio-elements-welcome-shadow-color-1: #17171712;--portfolio-elements-welcome-shadow-color-2: #17171733;--portfolio-elements-textSelection-background: rgb(20,136,252);--portfolio-elements-textSelection-text: rgb(245,245,245);--portfolio-elements-textPrimary: rgb(10,10,10);--portfolio-elements-textSecondary: rgb(82,82,82);--portfolio-elements-textTertiary: rgb(115,115,115);--portfolio-elements-link: rgb(20,136,252);--portfolio-elements-linkHover: rgb(43,166,255);--portfolio-elements-code-background: rgb(245,245,245);--portfolio-elements-code-text: rgb(10,10,10);--portfolio-elements-button-primary-background: rgb(20,136,252);--portfolio-elements-button-primary-backgroundHover: rgb(13,111,232);--portfolio-elements-button-primary-text: rgb(255,255,255);--portfolio-elements-button-primaryLight-background: #2ba6ff1a;--portfolio-elements-button-primaryLight-backgroundHover: #2ba6ff33;--portfolio-elements-button-primaryLight-text: rgb(20,136,252);--portfolio-elements-button-secondary-background: #1717170d;--portfolio-elements-button-secondary-backgroundHover: #1717171a;--portfolio-elements-button-secondary-text: rgb(10,10,10);--portfolio-elements-button-danger-background: #ef44441a;--portfolio-elements-button-danger-backgroundHover: #ef444433;--portfolio-elements-button-danger-text: rgb(239,68,68);--portfolio-elements-button-warn-background: #f790091a;--portfolio-elements-button-warn-backgroundHover: #f7900933;--portfolio-elements-button-warn-text: rgb(220,104,3);--portfolio-elements-button-supabase-background: rgb(12,143,95);--portfolio-elements-button-supabase-backgroundHover: rgb(24,177,117);--portfolio-elements-item-outlineActive: rgb(20,136,252);--portfolio-elements-item-contentDefault: #17171780;--portfolio-elements-item-contentActive: rgb(10,10,10);--portfolio-elements-item-contentAccent: rgb(13,111,232);--portfolio-elements-item-contentDanger: rgb(239,68,68);--portfolio-elements-item-contentWarn: rgb(247,144,9);--portfolio-elements-item-backgroundDefault: rgba(0, 0, 0, 0);--portfolio-elements-item-backgroundDefaultTransparent: rgba(31, 31, 31, .5);--portfolio-elements-item-backgroundActive: #1717170d;--portfolio-elements-item-backgroundAccent: #2ba6ff1a;--portfolio-elements-item-backgroundDanger: #ef44441a;--portfolio-elements-item-backgroundWarn: #f790091a;--portfolio-elements-loader-background: #1717171a;--portfolio-elements-loader-progress: rgb(43,166,255);--portfolio-elements-artifacts-background: rgb(255,255,255);--portfolio-elements-artifacts-backgroundHover: #17171705;--portfolio-elements-artifacts-borderColor: var(--portfolio-elements-borderColor);--portfolio-elements-artifacts-inlineCode-background: rgb(245,245,245);--portfolio-elements-artifacts-inlineCode-text: var(--portfolio-elements-textPrimary);--portfolio-elements-actions-background: rgb(255,255,255);--portfolio-elements-actions-code-background: rgb(250,250,250)}:root[data-theme=dark]{--portfolio-elements-borderColor: #323232;--portfolio-elements-borderColorActive: rgb(20,136,252);--portfolio-elements-bg-depth-1: #171717;--portfolio-elements-bg-depth-2: #252525;--portfolio-elements-bg-depth-3: #333333;--portfolio-elements-bg-depth-4: #444444;--portfolio-elements-bg-overlay: #00000080;--portfolio-elements-welcome-shape-fill: #17171799;--portfolio-elements-welcome-shadow-color-1: #17171799;--portfolio-elements-welcome-shadow-color-2: #171717b3;--portfolio-elements-textSelection-background: rgb(20,136,252);--portfolio-elements-textSelection-text: rgb(245,245,245);--portfolio-elements-textPrimary: rgb(245,245,245);--portfolio-elements-textSecondary: rgb(170,170,170);--portfolio-elements-textTertiary: rgb(120,120,120);--portfolio-elements-link: rgb(20,136,252);--portfolio-elements-linkHover: rgb(43,166,255);--portfolio-elements-code-background: rgb(47,47,47);--portfolio-elements-code-text: rgb(245,245,245);--portfolio-elements-button-primary-background: rgb(20,136,252);--portfolio-elements-button-primary-backgroundHover: rgb(13,111,232);--portfolio-elements-button-primary-text: rgb(255,255,255);--portfolio-elements-button-primaryLight-background: #2ba6ff33;--portfolio-elements-button-primaryLight-backgroundHover: #2ba6ff55;--portfolio-elements-button-primaryLight-text: rgb(20,136,252);--portfolio-elements-button-secondary-background: #333333;--portfolio-elements-button-secondary-backgroundHover: #444444;--portfolio-elements-button-secondary-text: rgb(245,245,245);--portfolio-elements-button-danger-background: #ef44441a;--portfolio-elements-button-danger-backgroundHover: #ef444433;--portfolio-elements-button-danger-text: rgb(239,68,68);--portfolio-elements-button-warn-background: #f790091a;--portfolio-elements-button-warn-backgroundHover: #f7900933;--portfolio-elements-button-warn-text: rgb(220,104,3);--portfolio-elements-button-supabase-background: rgb(12,143,95);--portfolio-elements-button-supabase-backgroundHover: rgb(24,177,117);--portfolio-elements-item-outlineActive: rgb(20,136,252);--portfolio-elements-item-contentDefault: #444444;--portfolio-elements-item-contentActive: rgb(245,245,245);--portfolio-elements-item-contentAccent: rgb(13,111,232);--portfolio-elements-item-contentDanger: rgb(239,68,68);--portfolio-elements-item-contentWarn: rgb(247,144,9);--portfolio-elements-item-backgroundDefault: rgba(0, 0, 0);--portfolio-elements-item-backgroundDefaultTransparent: rgba(0, 0, 0, .8);--portfolio-elements-item-backgroundActive: #171717;--portfolio-elements-item-backgroundAccent: #2ba6ff1a;--portfolio-elements-item-backgroundDanger: #ef44441a;--portfolio-elements-item-backgroundWarn: #f790091a;--portfolio-elements-loader-background: #17171780;--portfolio-elements-loader-progress: rgb(43,166,255);--portfolio-elements-artifacts-background: rgb(47,47,47);--portfolio-elements-artifacts-backgroundHover: #333333;--portfolio-elements-artifacts-borderColor: var(--portfolio-elements-borderColor);--portfolio-elements-artifacts-inlineCode-background: rgb(47,47,47);--portfolio-elements-artifacts-inlineCode-text: var(--portfolio-elements-textPrimary);--portfolio-elements-actions-background: rgb(47,47,47);--portfolio-elements-actions-code-background: rgb(52,52,52)}*{-webkit-user-select:none;user-select:none}.gradient-container{position:relative;width:300px;padding:20px;background:#000;border-radius:15px;box-shadow:0 4px 6px #0000001a;overflow:hidden;background-color:#000}.gradient-border{position:absolute;inset:0;z-index:-1;border-radius:15px;background:linear-gradient(95deg,#1488fc00,#1488fccc,#1488fc00);padding:2px;margin:-2px}.content{z-index:1;position:relative;color:#333}.font-size-1{font-size:16px}.font-size-2{font-size:18px}.font-size-3{font-size:20px}.font-size-4{font-size:22px}.font-size-5{font-size:24px}.font-size-6{font-size:26px}.font-size-7{font-size:28px}.font-size-8{font-size:30px}.font-size-9{font-size:32px}.font-size-10{font-size:34px}.font-size-20{font-size:40px}#flag-icon{width:26.67px;height:20px;margin-right:5px;vertical-align:middle;display:inline-block;border-radius:25%;background-size:cover;background-position:center center;cursor:pointer;transition:transform .3s}.pop{transform:scale(1.2)}.flag-brasil{background-image:url(../assets/Flag_Brasil.svg)}.flag-eua{background-image:url(../assets/Flag_United_States.svg)}.navbar-theme-icon{cursor:pointer;display:inline-block}.rotating{animation:rotateIcon .5s ease-in-out}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(230deg)}}.bd-1{border:1px solid var(--portfolio-elements-borderColor)}.bd-2{border:2px solid var(--portfolio-elements-borderColor)}.bd-3{border:3px solid var(--portfolio-elements-borderColor)}.bd-4{border:4px solid var(--portfolio-elements-borderColor)}.bd-5{border:5px solid var(--portfolio-elements-borderColor)}.bd-6{border:6px solid var(--portfolio-elements-borderColor)}.bd-7{border:7px solid var(--portfolio-elements-borderColor)}.bd-8{border:8px solid var(--portfolio-elements-borderColor)}.bd-9{border:9px solid var(--portfolio-elements-borderColor)}.bd-10{border:10px solid var(--portfolio-elements-borderColor)}.bd-radius-1{border-radius:5px}.bd-radius-2{border-radius:10px}.bd-radius-3{border-radius:15px}.bd-radius-4{border-radius:20px}.bd-radius-5{border-radius:25px}.bd-radius-6{border-radius:30px}.bd-radius-7{border-radius:35px}.bd-radius-8{border-radius:40px}.bd-radius-9{border-radius:45px}.bd-radius-10{border-radius:50px}.wd-1{width:10%}.wd-15{width:15%}.wd-2{width:20%}.wd-3{width:30%}.wd-4{width:40%}.wd-5{width:50%}.wd-6{width:60%}.wd-7{width:70%}.wd-8{width:80%}.wd-9{width:90%}.wd-10{width:100%}.h-1{height:10%}.h-15{height:15%}.h-2{height:20%}.h-3{height:30%}.h-4{height:40%}.h-5{height:50%}.h-6{height:60%}.h-7{height:70%}.h-8{height:80%}.h-9{height:90%}.h-10{height:100%}.pd-1{padding:5px}.pd-2{padding:10px}.pd-3{padding:15px}.pd-4{padding:20px}.pd-5{padding:25px}.pd-6{padding:30px}.pd-7{padding:35px}.pd-8{padding:40px}.pd-9{padding:45px}.pd-10{padding:50px}.pdr-1{padding-right:5px}.pdr-2{padding-right:10px}.pdr-3{padding-right:15px}.pdr-4{padding-right:20px}.pdr-5{padding-right:25px}.pdr-6{padding-right:30px}.pdr-7{padding-right:35px}.pdr-8{padding-right:40px}.pdr-9{padding-right:45px}.pdr-10{padding-right:50px}.pdl-1{padding-left:5px}.pdl-2{padding-left:10px}.pdl-3{padding-left:15px}.pdl-4{padding-left:20px}.pdl-5{padding-left:25px}.pdl-6{padding-left:30px}.pdl-7{padding-left:35px}.pdl-8{padding-left:40px}.pdl-9{padding-left:45px}.pdl-10{padding-left:50px}.pdt-1{padding-top:5px}.pdt-2{padding-top:10px}.pdt-3{padding-top:15px}.pdt-4{padding-top:20px}.pdt-5{padding-top:25px}.pdt-6{padding-top:30px}.pdt-7{padding-top:35px}.pdt-8{padding-top:40px}.pdt-9{padding-top:45px}.pdt-10{padding-top:50px}.pdb-1{padding-bottom:5px}.pdb-2{padding-bottom:10px}.pdb-3{padding-bottom:15px}.pdb-4{padding-bottom:20px}.pdb-5{padding-bottom:25px}.pdb-6{padding-bottom:30px}.pdb-7{padding-bottom:35px}.pdb-8{padding-bottom:40px}.pdb-9{padding-bottom:45px}.pdb-10{padding-bottom:50px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-row-r{flex-direction:row-reverse}.flex-col-r{flex-direction:column-reverse}.flex-justify-start{justify-content:flex-start}.mg-1{margin:5px}.mg-2{margin:10px}.mg-3{margin:15px}.mg-4{margin:20px}.mg-5{margin:25px}.mg-6{margin:30px}.mg-7{margin:35px}.mg-8{margin:40px}.mg-9{margin:45px}.mg-10{margin:50px}.mgr-1{margin-right:5px}.mgr-2{margin-right:10px}.mgr-3{margin-right:15px}.mgr-4{margin-right:20px}.mgr-5{margin-right:25px}.mgr-6{margin-right:30px}.mgr-7{margin-right:35px}.mgr-8{margin-right:40px}.mgr-9{margin-right:45px}.mgr-10{margin-right:50px}.comfortaa-light{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}