*{margin:0;padding:0;box-sizing:border-box;overflow-y:hidden;overflow-x:hidden}.app{background-color:#000;display:flex}@media (max-width: 1140px){*{overflow-y:visible;overflow-x:visible}html,body{overflow-x:hidden;overflow-y:auto}.app{flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:100vh;overflow-y:visible}}.about{width:40vw;display:flex;flex-direction:column;align-items:center;justify-content:start;height:100vh;padding:1vh 20px}.side-bar{height:55vh;width:3px;background-color:#0e08ff;position:absolute;right:66%;bottom:20vh}.avatar{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:2vh;padding:10px;border:3px solid #0e08ff;background-image:url(/images/PERFIL-GIBA.png);background-size:cover;height:150px;width:150px}.avatar img{width:10vw}.socials{display:flex;justify-content:space-around;position:absolute;top:0;left:0;background-color:#0e08ff;flex-direction:column;width:50px;height:30vh}.socials a{display:flex;justify-content:center;align-items:center}.icon{color:#fff;font-size:1.8rem;cursor:pointer}.icon:hover{color:#000}.about-text{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2vh;margin-left:2vw;width:90%}.about-text h1{font-family:Bricolage Grotesque,sans-serif;margin:2%;color:#fff;font-size:2.5rem;font-weight:400;text-align:center}.about-text p{font-family:Roboto Mono,monospace;color:#fff;padding:7px;text-align:left;width:100%;font-size:.8rem}.about-text h2{font-family:Roboto Mono,monospace;background-color:#fff;color:#0e08ff;font-size:.9rem;margin:10px 0 20px;text-align:center;font-weight:700;padding:10px 15px;width:fit-content;max-width:90%}.cta-container{width:100%;display:flex;justify-content:center;margin-top:20px}.cta-button{text-decoration:none;font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:1.2rem;padding:10px 30px;border:2px solid #0e08ff;color:#fff;background-color:#0e08ff;transition:all .3s ease;cursor:pointer}.cta-button:hover{background-color:#fff;color:#0e08ff}.about-download{background-color:#fff;display:flex;padding:10px;cursor:pointer;transition:background-color .6s,color .6s,width .6s;margin-top:20px;width:20%;left:0;bottom:5%;position:absolute}.download{flex:1;padding:5px 0 5px 20px;font-family:Roboto Mono,monospace;color:#0e08ff;font-weight:700;text-align:center}.links{display:none;align-items:center;width:100%;flex:1;justify-content:space-around}.links a{color:#fff;text-decoration:none;margin:2px;font-family:Roboto Mono,monospace}.about-download.hovered .download{color:#fff;text-align:none}.links a:hover{color:#000}.about-download.hovered{background-color:#0e08ff;color:#fff;width:30%;justify-content:space-around}.about-download.hovered .links{display:flex}@media (max-width: 1140px){.about{width:80vw;justify-content:center;align-items:center}.side-bar{height:3px;width:80vw;background-color:#0e08ff;left:auto;right:auto;bottom:40px}.about-download{left:auto;bottom:auto;top:0;right:0;transition:background-color .6s,color .6s,height .6s}.about-download.hovered{height:18%;width:20%;justify-content:center;flex-direction:column}.about-download.hovered .links{display:flex}.about-download.hovered .download{text-align:center}.avatar img{width:20vw}}@media (max-width: 768px){.about-download{width:150px;transition:background-color .6s,color .6s,height .6s}.about-download .download{padding:0}.about-download.hovered .download{padding:0 0 20px}.about-download.hovered{width:150px;height:auto}.about-download.hovered .download{height:auto}.about-download.hovered .links{flex-direction:column;gap:10px}}@media (max-width: 460px){.about{width:100vw}}@media (max-width: 375px){.side-bar{display:none}}.banner{position:fixed;bottom:0;width:100%;background:#333;color:#fff;padding:10px;text-align:center;z-index:1000}.banner p{display:flex;justify-content:center;align-items:center}.banner p button{margin:0 10px}.button{margin-left:10px;background:#0e08ff;color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:14px;margin-top:20px}.button:hover{background:#0e08ff}.modal{position:fixed;top:5%;left:50%;transform:translate(-50%);width:90%;max-height:90vh;background:#fff;color:#333;padding:20px;box-shadow:0 4px 6px #0000001a;overflow-y:auto;z-index:1001}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}.screen{right:0;width:80vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.menu{display:flex}.menu-link{padding:10px;cursor:pointer;color:#fff;height:13vh;width:20vw;margin:0 20px;display:flex;justify-content:center;align-items:center;font-size:2.5rem;font-family:Bricolage Grotesque,sans-serif;border-bottom:3px solid #0e08ff;border-left:3px solid #0e08ff;border-right:3px solid #0e08ff;position:relative;z-index:2;background-color:#0e08ff;overflow:hidden}.title{z-index:2}.menu-link span{background-color:#000;height:100%;width:100%;position:absolute;top:0;left:0;transition:transform .3s}.menu-link.selected span{transform:translatey(100%)}.content{display:flex;flex:1;color:#fff;align-items:center;justify-content:center;width:100%}.transition-group{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.slide-up-enter{transform:translateY(-100%);opacity:0}.slide-up-enter-active{transform:translateY(0);opacity:1;transition:transform 1s cubic-bezier(.4,0,.2,2),opacity 1s cubic-bezier(.4,0,.2,2)}.slide-up-exit{transform:translateY(0);opacity:1}.slide-up-exit-active{transform:translateY(100%);opacity:0;transition:transform 1s cubic-bezier(.4,0,.2,2),opacity 1s cubic-bezier(.4,0,.2,2)}.detalhes{display:flex;flex-direction:column;gap:2vh;position:absolute;bottom:1vh;right:0}.detalhes-linha{border-top:2px solid #0e08ff;border-bottom:2px solid #0e08ff;border-left:2px solid #0e08ff;height:2vh;width:4vw}.copyright{position:absolute;color:#fff;font-size:.8rem;padding-bottom:10px;text-align:center;left:0;bottom:0;font-family:Roboto Mono,monospace}.copyright a{text-decoration:none;color:#0e08ff}@media (max-width: 1140px){.screen{width:100%;height:auto;min-height:100vh}.content{overflow:visible}.menu-link{font-size:1.8rem;width:220px;border-top:3px solid #0e08ff}.detalhes{bottom:5vh}.copyright{position:relative;align-items:center;justify-content:center;padding-bottom:20px;width:80%;margin-top:50px}}@media (max-width: 575px){.detalhes{display:none}}@media (max-width: 530px){.detalhes{display:none}.menu-link{font-size:1.4rem;width:150px;border-top:3px solid #0e08ff}.copyright{width:80%}}.projects{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}.items{display:grid;grid-template-columns:repeat(2,20vw);gap:40px;width:fit-content;margin:8vh auto 0;max-height:60vh;overflow-y:auto;overflow-x:hidden;padding:10px 60px 20px 68px;box-sizing:border-box}.items::-webkit-scrollbar{width:8px}.items::-webkit-scrollbar-thumb{background-color:#0e08ff;border-radius:4px}.project-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.item{border:3px solid #0e08ff;color:#fff;padding:0;width:100%;height:auto;aspect-ratio:2/1;display:flex;overflow:hidden;position:relative;background-size:100% 100%;background-position:center;transition:all .3s ease}.blue-mask:before{display:none}.item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color .3s ease;z-index:0}.item:hover:after{background-color:#000000b3}.item-techs{display:flex;position:absolute;top:-100%;left:0;width:100%;padding:10px;gap:5px;flex-wrap:wrap;transition:top .4s ease;z-index:2;justify-content:center}.item:hover .item-techs{top:0}.item-techs h3{font-size:.6rem;background-color:#000;font-family:Bricolage Grotesque,sans-serif;border:1px solid white;padding:3px 6px;color:#fff}.item-title-btn{display:flex;flex-direction:column;width:100%;height:100%;justify-content:flex-end;align-items:center;padding:20px;z-index:2;position:relative}.item-btn{display:flex;justify-content:center;gap:10px;width:100%;transform:translateY(100px);opacity:0;transition:all .4s ease;height:0}.item:hover .item-btn{transform:translateY(0);opacity:1;height:auto;margin-top:10px}.item-btn a{display:inline-block;border:2px solid white;color:#fff;background-color:#000;padding:8px 15px;text-decoration:none;font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;transition:all .3s}.item-btn a:hover{background-color:#fff;color:#000}.tap-icon{display:none;width:24px;margin-top:10px;animation:tap-bounce 1.5s infinite}@keyframes tap-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.item-overlay,.project-description{display:none}@media (max-width: 1140px){.item{height:200px}}@media (max-width: 530px){.items{grid-template-columns:repeat(1,1fr);margin:0;padding:0 10px}.tap-icon{display:block}}.skills-container{width:100%;max-height:70vh;overflow-y:auto;overflow-x:hidden;padding:10px 40px;display:flex;flex-direction:column;gap:30px;box-sizing:border-box;margin-top:20px}.skills-container::-webkit-scrollbar{width:6px}.skills-container::-webkit-scrollbar-thumb{background-color:#0e08ff;border-radius:3px}.skill-category{width:100%}.category-title{font-family:Bricolage Grotesque,sans-serif;color:#fff;font-size:1rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px;opacity:.9;border-bottom:1px solid rgba(14,8,255,.5);padding-bottom:5px;width:fit-content}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skill-item{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 16px;background-color:#111;border:1px solid #333;border-radius:50px;transition:all .2s ease;cursor:default}.skill-item:hover{background-color:#0e08ff;border-color:#0e08ff;transform:translateY(-2px);box-shadow:0 4px 10px #0e08ff4d}.skill-icon{color:#0e08ff;font-size:1.2rem;transition:color .2s}.skill-item span{font-family:Roboto Mono,monospace;font-size:.85rem;color:#ddd;font-weight:500;white-space:nowrap;transition:color .2s}.skill-item:hover .skill-icon,.skill-item:hover span{color:#fff}@media (max-width: 720px){.skills-container{padding:10px 20px;max-height:none;overflow-y:visible}.skills-grid{gap:8px}.skill-item{padding:6px 12px}.skill-item span{font-size:.75rem}}