@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Outfit:wght@100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";.btn{height:min-content;width:max-content;border:none;border-radius:99999px;font-weight:600;cursor:pointer;transition:filter .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn--sm{font-size:14px;padding:8px 16px}.btn--md{font-size:16px;padding:12px 24px}.btn--lg{font-size:18px;padding:16px 32px}.btn--primary{background-color:transparent!important}.btn--accent{border:2px solid currentColor}.btn:hover{filter:brightness(.9)}.btn:active{filter:brightness(.8)}.btn:disabled{opacity:.6;cursor:not-allowed;filter:none}.btn-border{border:1px solid white}.btn-config-theme{width:max-content;margin-top:10px;margin-bottom:10px}.header-navigation{width:min-content;height:min-content;display:flex;flex-direction:row;align-items:center;gap:15px}.header-navigation .divider{width:100%;height:3px;opacity:0;transition:opacity .8s ease}.header-navigation .container-button:hover .divider{opacity:1}.logo-text{cursor:pointer}.logo-text .logo-title,.logo-text .logo-subtitle{text-shadow:2px 2px 4px rgba(0,0,0,.3)}.nav-item{all:unset;cursor:pointer}.header{width:95%;z-index:2;padding:10px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;position:fixed;top:0;right:2.5%}.header img{width:150px}.site-content{display:flex;flex-direction:column;overflow:auto;scroll-behavior:smooth}.dot{width:4px;height:4px}.dot-row{display:flex;flex-direction:row;gap:8px}.dot-matrix-pattern{width:min-content;display:flex;flex-direction:column;gap:8px}.avatar-play-card-wrapper{width:500px;height:500px}.avatar-play-card-wrapper .background-avatar-play-card-wrapper{width:500px;position:relative;transform:translate(-60%,-50%);top:50%;left:50%}.avatar-play-card-wrapper .avatar-play-card{width:450px;height:450px;position:absolute;left:-5px;top:15px}.avatar-play-card-wrapper .avatar-play-card img{width:450px}._paragraph_15hlx_1{font-family:Inter,system-ui,sans-serif;line-height:1.75;font-size:1.2rem;font-weight:400}._paragraph--lead_15hlx_7{font-size:1.25rem;font-weight:500;line-height:1.8}._paragraph--caption_15hlx_12{font-size:.875rem;line-height:1.5;letter-spacing:.5px}._heading_elbtr_1{font-family:Inter,system-ui,sans-serif;font-weight:700;margin-bottom:1rem;line-height:1.3}._heading--h1_elbtr_7{font-size:2.25rem}._heading--h2_elbtr_10{font-size:1.875rem}._heading--h3_elbtr_13{font-size:1.5rem}._heading--h4_elbtr_16{font-size:1.25rem}._heading--h5_elbtr_19{font-size:1.125rem}._heading--h6_elbtr_22{font-size:1rem}.home-template{width:100%;height:100%;display:flex;flex-direction:row}.home-template .left{width:40%;height:100vh;position:relative}.home-template .left .container-play-card{z-index:1;width:min-content;height:min-content;position:relative;transform:translate(-50%,-50%);top:50%;left:80%}.home-template .left .container-particle{width:100%;height:100%;position:absolute;top:0}.home-template .left .container-particle #teste{height:100%}.home-template .right{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-template .right .presentation{width:75%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.home-template .right .presentation .container-buttons{width:max-content;margin-top:50px;display:flex;flex-direction:row;gap:30px}.home-template .right .container-dot-matrix{position:absolute;right:8px;top:650px}.palette-viewer{position:absolute;top:65px;right:15px;z-index:9999;border:1px solid #0c2318;border-radius:8px;padding:1rem;box-shadow:0 8px 16px #0000001a;display:none!important}.home,.about{width:100%;height:100vh}.section-tag{height:min-content;border:none;border-radius:99999px;padding:12px 24px;font-weight:600}.tech-carousel-marquee{width:100%;overflow:hidden;position:relative}.tech-carousel{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:16px 0;animation:marquee 20s linear infinite;width:max-content}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-carousel-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.tech-carousel-item img{width:48px;height:48px;object-fit:contain;transition:transform .5s;filter:drop-shadow(0 2px 8px rgba(46,45,45,.4))}.tech-carousel-item img:hover{transform:scale(1.7);filter:drop-shadow(0 4px 16px rgba(0,0,0,.15));cursor:pointer}.about-template{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.about-template .presentation{width:70%;height:70%;gap:50px;display:flex;flex-direction:row;align-items:center;justify-content:center}.about-template .presentation .presentation-text{width:70%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start}.about-template .presentation .presentation-img{width:30%;display:flex}.about-template .presentation .presentation-img img{width:100%;border-radius:5px;box-shadow:0 8px 24px #00000040}.about-template .presentation .presentation-img .container-dot-matrix{position:relative;right:10px;top:100px}.container-color-picker{width:99%;display:flex;flex-direction:row;align-items:center;justify-content:center}.container-config-theme{width:350px;height:400px;display:flex;flex-direction:column;align-items:flex-end;position:absolute;top:250px;right:0}.container-config-theme .header-config-theme{width:100%;height:45px;border-bottom-left-radius:9999px;border-top-left-radius:9999px;display:flex;flex-direction:row;transition:width 1.5s ease}.container-config-theme .header-config-theme .container-header-icon{width:45px;border-bottom-left-radius:9999px;border-top-left-radius:9999px;display:flex;flex-direction:row;align-items:center;justify-content:center}.container-config-theme .header-config-theme .container-header-icon .container-config-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60%;cursor:pointer;transition:transform 1.2s ease}.container-config-theme .header-config-theme .container-header-icon .container-config-icon:hover{transform:scale(1.2) rotate(360deg)}.container-config-theme .header-config-theme hr{margin:0;padding:0}.container-config-theme .header-config-theme .header-text{width:calc(100% - 45px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;justify-content:center;align-items:center}.container-config-theme .header-config-theme .header-text-colapse{transition:opacity .5s ease;opacity:0}.container-config-theme .header-config-theme-colapse{transition:width 1.5s ease;width:45px}.container-config-theme .config-theme-color-picker{display:flex;align-items:center;overflow:hidden;flex-direction:column;width:calc(100% - 45px);height:min-content;border-radius:0 0 0 22.5px;transition:width 1.5s ease}.container-config-theme .config-theme-color-picker-colapse{transition:width 1.5s ease;width:0}.hover-card{position:relative;width:100%;height:270px;border-radius:2px;overflow:hidden;border-radius:none;box-shadow:0 8px 20px #0000004d;cursor:pointer}.hover-card:hover .hover-card-overlay{opacity:1}.hover-card:hover .hover-card-image{transform:scale(1.1)}.hover-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;will-change:transform}.hover-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.hover-card-overlay .container-text{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hover-card-overlay .container-icon{position:absolute;bottom:15px;right:15px;filter:brightness(2);transform:rotate(-90deg)}.hover-card-title{color:#fff;font-size:24px;font-weight:600;text-align:center;padding:16px}.portfolio-template{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.portfolio-template .potfolio-presentation{width:75%;margin-top:25px;margin-bottom:15px}.portfolio-template .project-cards{width:75%;display:flex;flex-direction:row;gap:15px}.portfolio-template .project-cards .left{width:60%;display:flex;flex-direction:column;gap:15px}.portfolio-template .project-cards .right{width:40%;display:flex;flex-direction:column;gap:15px}.portfolio-template .container-dot-matrix{position:relative;right:calc(100% - 10px);top:80px}.portfolio{width:100%;height:100vh}body{width:100%;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body *{margin:0;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-style:normal}#root{width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#d3cece39}::-webkit-scrollbar-thumb{background:#4c5157}::-webkit-scrollbar-thumb:hover{background:#7c848d}