@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Special+Gothic+Expanded+One&display=swap";nav{position:absolute;box-sizing:border-box;display:flex;align-items:center;flex-direction:row;width:100%;height:60px;justify-content:space-between;padding:0 70px;background-color:#0000;z-index:999;animation:animarNav var(--tempoAnimarVar) ease}@keyframes animarNav{0%{transform:translateY(-200px)}to{transform:translateY(0)}}.LogoM{height:50px;cursor:pointer}.navLinks{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:20px;font-size:1.2rem}.navLinks a{text-decoration:none;color:#fff;transition:all .5s ease}.navLinks a:hover{text-shadow:0 0 5px white;transform:scale(102%)}@media(width<1024px){nav{padding:0 20px;background:linear-gradient(to bottom,#000,#0000)}.navLinks{font-size:1rem}}.Home{color:#fff;display:flex;flex-direction:row;justify-content:space-around;align-items:center;box-sizing:border-box;width:100%;min-height:100dvh;background-color:#020202;transition:all 1s;overflow:hidden;position:relative;z-index:1}.Home:before{content:"";position:absolute;inset:0;background-image:repeating-radial-gradient(circle at 0 0,#fff0 0,#000 250px);background-size:100% 100%;z-index:-1;opacity:0;animation:animarFundoInicio 2s ease forwards}@keyframes animarFundoInicio{0%{opacity:0}to{opacity:1}}.bgEffect{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.bgEffect span{top:-50%;position:absolute;height:var(--size);width:var(--size);border-radius:50%;animation:animarBgEffect var(--velocity) infinite linear;animation-delay:calc(var(--delay) * 1.5);left:var(--posX);background-color:#6464640d;backdrop-filter:blur(var(--backdropBlur));z-index:var(--zindex);filter:blur(2px);overflow:hidden;pointer-events:none;opacity:1}@keyframes animarBgEffect{0%{top:105%}to{top:-50%}}.LogoMHome{position:absolute;height:50px;object-fit:cover;opacity:.5;left:0;top:0}.home-titulo{display:flex;flex-direction:column;align-items:start;justify-content:center;user-select:none}.home-titulo h1,.Home h2{font-family:Special Gothic Expanded One;font-weight:800;font-style:bold}.home-titulo h2{position:relative;color:#000;text-shadow:0 0 1px white;text-transform:uppercase;width:auto;line-height:0;z-index:0;animation:subtituloInicio 2.5s ease;font-size:clamp(.1rem,4vw,1.2rem)}.home-titulo h1{position:relative;width:auto;font-size:clamp(.5rem,10vw,8rem);text-transform:uppercase;text-shadow:0 0 30px gray;color:#fff;transition:color .5s,text-shadow .5s;animation:tituloInicio 2.5s ease;line-height:0;z-index:1}@keyframes subtituloInicio{0%{opacity:0;transform:translateY(500px) rotate(20deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes tituloInicio{0%{text-shadow:0 0 10px rgb(255,255,255);transform:translate(-10%) translate(-200%) rotate(20deg) scale(3);filter:blur(10px);color:#000;opacity:0}to{text-shadow:0 0 30px gray;transform:translate(0) translate(0) rotate(0) scale(1);filter:blur(0);color:#fff;opacity:1}}.CardsDiv{position:relative;display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:50px 10px;transition:all .5s ease}.HomeCards{display:flex;align-items:start;flex-direction:column;justify-content:center;width:100%;border-radius:10px;padding:10px;transition:all .5s ease;animation:aparecerInicioCards var(--animationTempo) ease}@keyframes aparecerInicioCards{0%{transform:translate(300%) rotate(25deg)}to{transform:translate(0) rotate(0)}}.HomeCards div{display:flex;align-items:center;flex-direction:row;gap:20px}.homeCardBorder{width:100%;height:2px;background:radial-gradient(circle,#fff,#fff0);transition:all .5s ease}.HomeCards:hover{transform:scale(102%);cursor:pointer;box-shadow:inset 0 0 2px #fff;backdrop-filter:blur(5px);background-color:#6464641a}.HomeCards .Titulo{font-family:Special Gothic Expanded One;font-weight:100}.indisponivel{opacity:.1}.indisponivel:hover{transform:scale(1);cursor:default;user-select:none}@media screen and (width<=1024px){.Home{display:flex;flex-direction:column;height:auto;min-height:100dvh;overflow-y:auto;background-color:#070707}.CardsDiv{gap:20px;width:80vw}.HomeCards{background-color:#6464641a;justify-content:center;align-items:center;text-align:center;box-shadow:inset 0 0 2px #fff;backdrop-filter:blur(5px)}.HomeCards div{justify-content:center;width:100%}.homeCardBorder,.LogoMHome{display:none}.bgEffect{margin:0;padding:0;box-sizing:border-box;height:105%}.bgEffect span{opacity:.1;background:#96969680}.home-titulo{justify-content:center;align-items:center}@keyframes aparecerInicioCards{0%{opacity:0}to{opacity:1}}}html{scroll-snap-type:y proximity;overflow-x:hidden}.AboutMe{position:relative;margin:0;box-sizing:border-box;background-color:#000;min-height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;color:#fff;padding:60px 0}.fundoEffect{position:absolute;height:160dvh;width:100%;top:-90dvh;max-width:100%;background-image:radial-gradient(circle at 50% 50%,#ffffffb3,#fff0 50%);filter:blur(50px);pointer-events:none;animation:fundoEffectAnimar 1s ease;z-index:0;overflow-x:hidden;animation-fill-mode:forwards}@keyframes fundoEffectAnimar{0%{opacity:0}to{opacity:.8}}.AboutMe h1{position:relative;opacity:0;animation:fundoEffectAnimar 1s ease 2s forwards}.AboutMe h1:after{content:"";position:absolute;width:150%;height:1px;left:-25%;top:100%;background:radial-gradient(circle,#fff,#fff0)}.AboutMe h3{text-align:center;padding-top:20px}.AboutMe .nome h4{text-transform:uppercase;color:#000;text-shadow:0 0 2px white;font-size:clamp(.4rem,8vw,6rem);text-align:start;position:relative;display:inline;z-index:0;line-height:1.2;user-select:none;opacity:0;transition:text-shadow 1s ease,color .5s ease;animation:animarNomes calc(var(--animationDelay) + .5s) ease forwards,animarStillInfinito 7s linear calc(var(--animationDelay) + .8s) infinite;animation-fill-mode:forwards}@keyframes animarStillInfinito{0%{color:#000}5%{color:#fff;text-shadow:0 0 10px white}15%{color:#000;text-shadow:0 0 2px white}}@keyframes animarNomes{0%{transform:translateY(-30%);opacity:0}to{transform:translateY(0);opacity:1;color:#000}}.AboutMe .nome{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3%;padding:60px 20px;height:78dvh;width:100%;margin:0;box-sizing:border-box;scroll-snap-align:end}.AboutMe p,h3{width:70%;z-index:1}@keyframes h1anim{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0px)}}span.colorHTML{color:red}span.colorCSS{color:#00f}span.colorJS{color:#ff0}span.colorPYTHON{color:#5f9ea0}.competenciasIcon{position:relative;display:grid;grid-template-columns:repeat(6,max-content);justify-content:center;align-items:stretch;gap:12px;box-sizing:border-box;width:50%}.SkillCard{display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 25px #ffffff1a;border-radius:10px;padding:10px 20px;transition:opacity .5s ease,transform .2s ease,box-shadow .1s ease;user-select:none;box-sizing:border-box;flex-wrap:wrap}.SkillCard:nth-child(1),.SkillCard:nth-child(2),.SkillCard:nth-child(3),.SkillCard:nth-child(6){grid-column:span 2}.SkillCard:nth-child(4){grid-column:span 3}.SkillCard:hover{opacity:1;transform:scale(1.05)}.competenciasIcon:hover .SkillCard:not(:hover){opacity:.5;box-shadow:0 0 #fff0}.SkillCard h2{line-height:1;font-weight:100}.SkillCard .skills{display:flex;flex-direction:row;justify-content:center;gap:10px;flex-wrap:wrap}.GithubIcone{z-index:2}.trabEstruturaLink{position:relative;display:flex;gap:5px;text-decoration:none;color:#fff;padding:10px;border-radius:10px;transition:all .5s ease;backdrop-filter:blur(5px);font-weight:700}.trabEstruturaLink:hover{scale:1.01;box-shadow:0 0 3px #fff;background:#9696961f}@media screen and (width<1024px){.AboutMe{padding:60px 0;overflow-x:hidden}.AboutMe .nome{flex-direction:column;justify-content:center;align-items:start;padding:0 20px;gap:20px}.AboutMe .nome:after,.AboutMe .nome:before{content:"";box-shadow:0 0 2px #ffffff0d;border-radius:10px;position:relative;width:100%;height:20%;top:0;left:0}.AboutMe .nome h4{font-size:4rem;line-height:1;margin:0}@keyframes animarNomes{0%{transform:translate(-300px);opacity:0}to{transform:translate(0);opacity:1;color:#000}}.fundoEffect{width:400px;opacity:.3}@keyframes fundoEffectAnimar{0%{opacity:0}to{opacity:.3}}.competenciasIcon{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;width:90%}.SkillCard{box-shadow:0 0 1px #fff;width:80%}.SkillCard:hover{transform:none;box-shadow:0 0 1px #fff}.competenciasIcon:hover .SkillCard:not(:hover){opacity:1;box-shadow:0 0 1px #fff}}::-webkit-scrollbar{background-color:#000}::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}html{scroll-snap-type:y proximity}input[type=radio]{display:none}.Projects{margin:0;box-sizing:border-box;min-height:100dvh;background-color:#000;display:flex;flex-direction:column;align-items:start;padding:70px 50px 50px}.mainTitulo{font-family:Special Gothic Expanded One;color:#000;text-shadow:0 0 2px white;text-transform:uppercase}.ProjectCardsDiv{position:relative;height:auto;width:100%;display:flex;flex-direction:column;gap:30px;box-sizing:border-box}.ProjectCards{position:relative;box-shadow:0 0 2px #ffffff80;background-color:#ffffff03;backdrop-filter:blur(5px);border-radius:10px;flex-shrink:0;transition:all ease .5s;padding:5px 20px;min-height:50px;opacity:0;animation:aparecerCards 1.5s ease forwards;animation-delay:var(--tempoAparecer);scroll-snap-align:center}.ProjectCards label{height:100%;width:100%}.ProjectCards:has(input:checked){min-height:500px;cursor:auto}.conteudoCard{position:relative;opacity:0;transition:all .5s ease}.ProjectCards:has(input:checked) .conteudoCard{display:block;opacity:1}.ProjectCards .cardArea{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;width:100%;height:100%;padding:0;cursor:pointer}.ProjectCards:hover{cursor:pointer;box-shadow:0 0 2px #fff;background-color:#ffffff0d}.ProjectCards:hover:after,.ProjectCards:hover:before{opacity:1}.ProjectCards .titulo{font-size:clamp(1rem,5vw,2rem);font-weight:600;color:#fff}.ProjectCards:after{content:"";position:absolute;top:100%;width:50%;height:2px;opacity:0;background:radial-gradient(circle,#fff,#fff0);transition:all .5s ease}.ProjectCards:before{content:"";position:absolute;top:0;left:calc(100% - 5px);width:5px;height:100%;opacity:0;background:radial-gradient(circle,#ffffff80,#fff0);transition:all .5s ease;border-radius:100% 0 0 100%}@keyframes aparecerCards{0%{transform:translate(200px);opacity:0}to{transform:translate(0);opacity:1}}body{margin:0;padding:0;box-sizing:border-box;overflow:auto;scroll-behavior:smooth;overflow-x:hidden}#root{color:#fff;font-family:poppins}main{min-height:100dvh;height:100dvh;height:100vh;background-color:#000}