@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.app{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#2e2e5e,#6a1b9a);font-family:Montserrat,sans-serif}@keyframes crescer{0%{width:0}40%{width:0}to{width:100%}}@keyframes mover{0%{left:0}40%{box-shadow:0 0 3px 3px var(--cor-gray);left:0}to{left:99%;box-shadow:0 0 3px 2px var(--cor-gray)}}@keyframes opacity_home{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes opacity_efeito{0%{opacity:0}to{opacity:1}}.home{width:100%;max-width:1500px;display:flex;flex-direction:column;justify-content:space-between;gap:100px;height:auto;min-height:100dvh;padding:20px;border-radius:20px;position:relative}#cardNotice{position:absolute;left:50%;transform:translate(-50%)}:root{--cor-gray: #66fcf1}.text_desenvolvedor{color:var(--cor-gray);font-size:30px;position:absolute;left:50%;transform:translate(-50%);top:90px;z-index:1}.text_desenvolvedor:after{content:"";position:absolute;width:0;height:2px;background-color:var(--cor-gray);left:0;bottom:-5px;border-radius:5px;animation:crescer 3s linear forwards}.text_desenvolvedor:before{content:"";position:absolute;width:2px;height:2px;background-color:var(--cor-gray);left:0;bottom:-5px;border-radius:50%;animation:mover 3s linear;margin-left:2px}.painel_img_texto_sobre:after{content:"";position:absolute;width:20px;height:250px;background-color:var(--cor-gray);top:0;left:0;clip-path:polygon(0 0,100% 0,100% 89%,0% 100%);border-top-left-radius:10px}.painel_img_texto_sobre:before{content:"";position:absolute;width:250px;height:20px;background-color:var(--cor-gray);top:0;left:0;clip-path:polygon(100% 0,89% 100%,0 100%,0 0);border-top-left-radius:10px}img{width:230px;height:230px;object-fit:contain;border-radius:50%;background-size:contain}.icon_links{position:absolute;right:30px;top:30px;width:160px;display:flex;justify-content:space-around;z-index:1}.icon_links a{font-size:30px;color:var(--cor-gray)}.icon_links a:hover{transform:scale(1.1);color:#666}.painel_projetos{display:flex;align-self:center;color:#666;gap:20px;margin-bottom:60px}.painel_projetos h2{letter-spacing:2px;margin-right:20px;font-weight:500;font-size:20px}.projetos{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:20px;position:relative}.projetos p:hover{transform:scale(1.1);color:var(--cor-gray)}.projetos p{cursor:pointer;font-weight:400;position:relative}.projetos p:after{content:"";position:absolute;width:100%;height:2px;background-color:var(--cor-gray);left:0;bottom:-5px;border-radius:5px;animation:crescer 3s linear forwards}.projetos p:before{content:"";position:absolute;width:2px;height:2px;background-color:var(--cor-gray);left:0;bottom:-5px;border-radius:50%;animation:mover 3s linear;margin-left:2px}.painel_nome_data{position:absolute;bottom:15px;right:15px}.painel_nome_data:after{content:"";position:absolute;width:20px;height:250px;background-color:var(--cor-gray);bottom:0;right:0;clip-path:polygon(100% 0,100% 100%,0 100%,0 11%);border-bottom-right-radius:10px}.painel_nome_data:before{content:"";position:absolute;width:250px;height:20px;background-color:var(--cor-gray);bottom:0;right:0;clip-path:polygon(100% 100%,0 100%,11% 0,100% 0);border-bottom-right-radius:10px}.painel_nome_data p{color:var(--cor-gray);font-size:11px;margin:0 25px 23px 0}.opacity_projeto{animation:opacity_home linear .4s;margin:90px 0 0 90px;background-color:transparent}@media (max-width: 1200px){.text_desenvolvedor{top:60px}}@media (max-width: 900px){.text_desenvolvedor{font-size:24px}.painel_projetos h2{font-size:16px}.projetos p{font-size:14px}}@media (max-width: 800px){.opacity_projeto{margin-left:20px}.text_desenvolvedor{font-size:16px;left:60px;transform:translate(0)}.icon_links{width:auto;gap:10px;right:5px;top:5px}.icon_links a{font-size:25px}}@media (max-width: 600px){.home{padding:5px}.img_texto_sobre{text-align:center}.opacity_projeto{margin-left:8px}.painel_img_texto_sobre:before{width:250px;height:8px;clip-path:polygon(100% 0,90% 100%,0 100%,0 0)}.painel_img_texto_sobre:after{width:8px;height:250px;clip-path:polygon(0 0,100% 0,100% 90%,0% 100%)}.painel_nome_data:before{width:250px;height:8px;clip-path:polygon(100% 100%,0 100%,10% 0,100% 0)}.painel_nome_data:after{width:8px;height:250px;clip-path:polygon(100% 0,100% 100%,0 100%,0 10%)}.painel_projetos h2{margin:0}.painel_nome_data{right:5px;bottom:5px}.painel_nome_data p{margin:0 10px 10px 0}.text_desenvolvedor{left:20px;top:30px;transform:translate(0)}.projetos{gap:15px}}@media (max-width: 500px){.painel_projetos{flex-direction:column;gap:10px}.projetos{flex-direction:column}}.cardOn{display:flex;flex-direction:column;justify-content:start;align-items:center;text-align:start;background-color:#f2f2f2;width:300px;height:auto;border-radius:10px;color:#000;position:absolute;top:-100px;left:-300px;padding:5px 20px 30px;box-shadow:0 0 10px var(--cor-gray);transition:all 1s linear}.cardOn h2{font-size:13px;font-weight:500}.iconTec{font-size:60px}.cardOn p{font-size:20px;font-weight:600;margin-bottom:2cqb}.iconClose{position:absolute;right:5px;bottom:5px;font-size:20px;color:#b00;border-radius:50%;transition:.2s linear}.iconClose:hover{background-color:#b00;color:#fff;transform:scale(1.2)}.painel_img_texto_sobre{width:100%;position:relative;display:inline-block;transition:all 1s;background-color:transparent}.texto_sobre{display:flex;justify-content:space-between;gap:20px}.img_texto_sobre{position:relative;margin-bottom:70px}.img_texto_sobre h1{position:absolute;color:#ababab;font-weight:200;letter-spacing:3px;bottom:-50px}.texto_sobre{display:flex;padding-right:40px;position:relative;gap:100px}.painel_text_p{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;max-height:300px;width:50%}.texto_sobre{color:#ababab;position:relative}.painel_text_p p{position:relative;font-size:16px;line-height:24px;white-space:pre-line}.painel_text_p p:after{content:"";position:absolute;width:2px;border-radius:5px;height:0;background-color:var(--cor-gray);top:0;left:-25px;animation:crescer_p 12s linear forwards}.painel_text_p p:before{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background-color:var(--cor-gray);top:0;left:-25px;animation:mover_p 12s linear}.painel_linksProjetos{display:flex;flex-direction:column;align-items:center;gap:20px}.painel_linksProjetos nav{display:flex;gap:20px;margin-bottom:20px}.painel_linksProjetos a{color:#ababab;text-decoration:none;cursor:pointer;position:relative;font-weight:700;font-size:20px}.painel_linksProjetos a:after{content:"";position:absolute;width:100%;height:2px;border-radius:30px;bottom:-10px;left:50%;transform:translate(-50%);background-color:var(--cor-gray)}.painel_linksProjetos a:hover{transform:translate(1.1)}.painel_linksProjetos a:hover:after{background-color:var(--cor-gray)}@keyframes crescer_p{0%{height:0}40%{height:0}to{height:100%}}@keyframes mover_p{0%{top:0}40%{box-shadow:0 0 3px 3px var(--cor-gray);top:0}to{top:99%;box-shadow:0 0 3px 2px var(--cor-gray)}}.painel_text_p{position:relative}.painel_text_p p:nth-child(1){margin-bottom:20px}.painel_text_p:after{content:"";position:absolute;width:2px;border-radius:5px;height:0;background-color:var(--cor-gray);top:0;left:-25px}.painel_skills{max-width:250px;display:flex;list-style:none;flex-wrap:wrap;justify-content:center;color:var(--cor-gray);font-size:40px;gap:25px;position:relative}.painel_skills li{width:auto;text-align:end;cursor:pointer}.divClick{position:absolute;bottom:-70px;left:50%;transform:translate(-50%)}.iconClick{position:absolute;bottom:-10px;left:15px;color:#fff;animation:click 3s linear infinite}.iconHtml{color:#e34c26}@keyframes click{0%{transform:scale(1)}25%{transform:scale(.85)}50%{transform:scale(.7)}75%{transform:scale(.85)}to{transform:scale(1)}}@media (max-width: 1200px){.texto_sobre{gap:20px;justify-content:space-between}.painel_skills{width:auto;height:auto}}@media (max-width: 800px){.texto_sobre{flex-direction:column;gap:50px;padding-right:10px}.painel_skills{align-self:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.painel_skills li{width:auto;font-size:35px}.img_texto_sobre{text-align:center}img{width:150px;height:150px}.painel_text_p{width:100%}.painel_text_p p{font-size:1rem}.painel_linksProjetos a{font-size:16px}.cardOn{top:-360px;left:50%;transform:translate(-50%)}.divClick{bottom:-50px;font-size:30px}.iconClick{bottom:-5px;left:10px}}.cardOnNotice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background-color:#f2f2f2;width:350px;border-radius:10px;color:#000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px;box-shadow:0 0 10px var(--cor-gray);transition:all 1s linear;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.cardOnNotice img{width:100px;height:100px}.cardOnNotice h2{font-size:16px;font-weight:500}.cardOnNotice .iconClose{cursor:pointer}