@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";*{margin:0;padding:0;box-sizing:border-box;color:#000;font-family:Poppins,sans-serif;font-weight:400}html{scroll-behavior:smooth}@media (max-width:720px){header .container-hamburguer{display:block;position:relative;z-index:2}.hamburguer.active .bar:nth-child(2){opacity:0;background-color:#000}.hamburguer.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg);border-radius:5px}.hamburguer.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);border-radius:5px}.nav-menu{position:fixed;top:0;right:0;background:#032747;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;width:15rem;z-index:1;transition:.6s;overflow:hidden;transform:translate(100%)}.nav-menu li{font-size:20px}.nav-menu li:not(:nth-child(1)){margin-top:3rem}.nav-menu.active{transform:translate(0);padding:0 2rem;box-shadow:1px 5px 15px 1px #000}}header{background-color:#0c0d10;height:auto;padding:12px 0;position:fixed;top:0;width:100%;z-index:99;transition:.5s}header.ativo{background-color:#000;box-shadow:-1px 5px 25px -7px #000000bf;-webkit-box-shadow:-1px 5px 25px -7px rgba(0,0,0,.75);-moz-box-shadow:-1px 5px 25px -7px rgba(0,0,0,.75)}header .container-header{max-width:1300px;margin:0 auto;box-sizing:content-box;padding:0 24px;display:flex;justify-content:space-between;align-items:center}header .container-header h1{color:#e2e2e2;cursor:default}header .container-header span{color:#009bc6}header .container-header ul{display:flex;gap:2.5rem}header .container-header ul li{list-style:none}header .container-header ul li a{text-decoration:none;transition:.3s;color:#e2e2e2}header .container-header ul li a.ative{color:#009bc6}header .container-header ul li a:hover{color:#009bc6}.container-hamburguer{display:none}.hamburguer{cursor:pointer}.bar{display:block;width:1.8rem;height:3px;margin:5px auto;transition:.3s ease-in-out;background-color:#fff;border-radius:6px}@media (max-width:330px){h1.name{font-size:10vw}}section.menu{height:100vh;padding-top:5rem;background-color:#0c0d10;border-bottom:2px solid rgb(0,155,198);padding:0 24px;display:flex;justify-content:center;align-items:center}section.menu .container-menu{max-width:1300px;margin:0 auto;box-sizing:content-box}section.menu .container-menu .info-menu{display:flex;flex-direction:column;align-items:center;cursor:default}section.menu .container-menu .info-menu span{font-size:4rem;color:#e5e5e5;text-align:center}section.menu .container-menu .info-menu h1{font-size:5.2rem;color:#009bc6}section.menu .container-menu .info-menu p{font-size:1.3rem;color:#a3a3a3;font-weight:500;text-align:center}section.menu .container-menu .info-menu .buttons-menu{display:flex;align-items:center;margin-top:2rem;gap:1rem}section.menu .container-menu .info-menu .buttons-menu .github,section.menu .container-menu .info-menu .buttons-menu .linkedin{border:1px solid rgb(0,155,198);padding:12px 30px;border-radius:225px;transition:.3s;width:150px;text-align:center;color:#fff}section.menu .container-menu .info-menu .buttons-menu a{text-decoration:none;letter-spacing:3px}section.menu .container-menu .info-menu .buttons-menu a:hover .github,section.menu .container-menu .info-menu .buttons-menu a:hover .linkedin{background-color:#009bc6;border-color:#fff}@media (max-width:563px){section.menu .container-menu .info-menu h1{font-size:12vw}}@media (max-width:545px){section.menu .container-menu .info-menu span{font-size:12vw}}@media (max-width:418px){.buttons-menu{flex-direction:column;gap:1rem!important}}section.sobre{height:auto;padding:5rem 0;background-color:#0c0d10;border-bottom:2px solid rgb(0,155,198)}section.sobre .container-sobre{max-width:1300px;margin:0 auto;box-sizing:content-box;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:4rem}section.sobre .container-sobre .box-text{width:60%;cursor:default;border:1px solid rgb(0,155,198);padding:1.8rem;border-radius:52px 5px;height:auto}section.sobre .container-sobre .box-text p,section.sobre .container-sobre .box-text strong{color:#a3a3a3;transition:.4s;letter-spacing:1px;font-size:19px}section.sobre .container-sobre .box-text:hover p,section.sobre .container-sobre .box-text:hover strong{color:#fff}section.sobre .container-sobre .box-img{border-radius:50%}section.sobre .container-sobre .box-img img{width:25rem;border-radius:52px 5px;transition:.3s}@media (max-width:1000px){section.sobre .container-sobre{flex-direction:column}section.sobre .container-sobre .box-text{width:100%}section.sobre .container-sobre .box-img img{width:100%}section.sobre .container-sobre .box-img{display:flex;justify-content:center}}.title-screens{display:flex;justify-content:center;align-items:center;color:#009bc6;margin-bottom:4rem;font-size:4rem;letter-spacing:3px}@media (max-width:500px){.title-screens{font-size:3rem}}section.projetos{height:auto;padding:5rem 0;background-color:#0c0d10;border-bottom:2px solid rgb(0,155,198)}section.projetos .container-projetos{max-width:1300px;margin:0 auto;box-sizing:content-box;padding:0 24px;display:flex;justify-content:center;gap:2rem 1.2rem;flex-wrap:wrap;align-items:center}.card{width:420px;height:auto;border:1px solid #ffffff4a;border-radius:8px;overflow:hidden;background-color:#0000;transition:.3s;cursor:default}.card:hover{transform:scale(1.06);box-shadow:0 0 10px -1px #fff}.card img{width:100%;border-bottom:1px solid gray}.card footer{padding:.5rem}.card footer legend h1{color:#fff;margin-bottom:.23rem;font-size:18px}.card footer legend span{font-size:12px;color:#e5e5e5;display:block;margin-bottom:.3rem}.card footer .sub{display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin-top:1rem}.card footer .sub p{color:#d7d7d7;background-color:#006986;padding:3px;border-radius:2px}.card footer .sub .more{text-decoration:none}.card footer .sub .more-div{color:#006986;background-color:#fff;padding:.2rem 1rem;border:1px solid rgb(0,105,134);border-radius:22px;transition:.3s;text-align:center;font-weight:700;letter-spacing:1px}.card footer .sub .more:hover .more-div{background-color:#009bc6;color:#fff}@media (max-width:500px){.card{width:100%}.sub{flex-direction:column;align-items:start!important}}section.contato{height:auto;padding:5rem 0;background-color:#0c0d10}section.contato .container-contato{max-width:1300px;margin:0 auto;box-sizing:content-box;padding:0 24px;display:flex;flex-direction:column;justify-content:center;align-items:center}section.contato .container-contato .text p{color:#fff;font-size:33px;text-align:center}section.contato .container-contato .contacts{margin-top:4rem;display:flex;flex-direction:column;align-items:start;gap:1rem}section.contato .container-contato .contacts a{text-decoration:none;border:2px solid rgb(0,155,198);border-radius:30px;transition:.3s}section.contato .container-contato .contacts a:hover{opacity:.6}section.contato .container-contato .contacts a>div{color:gray;background-color:#fff;height:50px;width:400px;padding:0 24px;border-radius:30px;border:4px solid #0c0d10;display:flex;gap:.8rem;align-items:center;font-size:23px}section.contato .container-contato .contacts span{margin-top:7.4px}@media (max-width:425px){section.contato .container-contato .contacts a>div{max-width:250px;justify-content:center}}.footer{background-color:#000;height:auto;display:flex;justify-content:center;align-items:center;padding:2rem 0}.footer .container-footer{max-width:1300px;margin:0 auto;box-sizing:content-box;padding:0 24px;display:flex;flex-direction:column;align-items:center}.footer .container-footer p,.footer .container-footer p button{color:gray;font-family:Arial,Helvetica,sans-serif;line-height:29px;text-align:center}.footer .container-footer p button{background-color:transparent;border:none;font-size:16px;text-decoration:solid;text-decoration-line:underline;cursor:pointer}.footer .container-footer a{color:#fff;text-align:center}.back-to-top{opacity:0;transition:.4s;pointer-events:none}.back-to-top-content{position:fixed;bottom:1rem;right:1rem;height:40px;width:40px;background-color:#106cab;display:flex;justify-content:center;align-items:center;border-radius:.5rem}.back-to-top-content a{color:#fff;font-weight:700;font-size:1.7rem;display:flex;justify-content:center}.back-to-top.ativado{opacity:.5;transition:.3s;pointer-events:all}.back-to-top.ativado:hover{opacity:1}