*{padding:0;margin:0;box-sizing:border-box}body,html{height:100vh;width:100%}:root{--cor1: #011E53;--cor2: #D9D9D9}footer{background-color:#000;height:60px;padding:10px;color:#fff;text-align:center;font-family:Arial,Helvetica,sans-serif}.section-apresenta{height:95dvh}.section-apresenta nav{background-color:#002a79;height:30px}.section-apresenta section{background-color:var(--cor1);height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;transition:.5s}.foto-img{width:250px;height:250px;border-radius:50%}.section-apresenta section div h1{color:#ff5858;font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-bottom:5px}.section-apresenta section div p{color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:bolder;text-align:center;font-size:18px}@media screen and (min-width:768px){.section-apresenta section{flex-direction:row-reverse;gap:50px;font-size:20px}}@media screen and (min-width:992px){.section-apresenta section{flex-direction:row-reverse;gap:50px;font-size:25px}}.section-contato{background-color:var(--cor2);padding-top:50px;padding-bottom:10px}.title-contato{text-align:center;font-family:Arial,Helvetica,sans-serif}form{margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}form>div>input,textarea{padding:10px;width:300px;background-color:#b1b1b1;border:0;margin-top:20px;border-radius:10px;border:1px solid rgb(156,156,156)}textarea{height:120px}form input[type=submit]{padding:10px 20px;background-color:#b9b9b9;border:0;font-weight:700;cursor:pointer;margin-top:10px;border:1px solid #658f7f}form input[type=submit]:hover{background-color:#a7a7a7}.midias-sociais{display:flex;align-items:center;justify-content:center;font-size:30px;margin-top:50px}div.midias-sociais>a{color:#000}@media screen and (min-width:768px){form>div>input,textarea{width:500px;font-size:20px;margin-top:20px}form input[type=submit]{font-size:20px;margin-top:20px}div.midias-sociais{font-size:40px}}@media screen and (min-width:992px){input,textarea{padding:10px;width:500px;border:0}form>div>input,textarea{width:500px;font-size:18px}form input[type=submit]{font-size:18px;margin-top:20px}div.midias-sociais{font-size:40px}}.section-projetos{background-color:var(--cor2);padding-top:50px}.title-projeto{font-family:Arial,Helvetica,sans-serif;padding-bottom:10px;text-align:center}.container-grade{padding:10px}.container-grade aside{justify-content:center;align-items:center;display:flex}.grade-one,.grade-two{display:grid;grid-template-columns:0fr 0fr 0fr;gap:10px;padding:10px;overflow-y:auto}.grade-one .box,.grade-two .box{display:grid;background-color:#646464;width:250px;height:100%;border-radius:10px;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.head-quadro{background-color:#cecdbf;padding:5px;display:flex;justify-content:center;align-items:center}.banner{height:120px;width:120px;display:block;margin:auto}.body-quadro{margin:8px;height:80px;font-weight:700;color:#f3f3f3}.descricao-projeto{padding-top:2px;font-size:14px}.div-button{padding:5px}.button-projeto{margin:auto;display:block;background-color:#008127;padding:5px 10px;border-radius:10px;border:1px solid black}.button-projeto:hover{background-color:#005a2d;color:#adadad}.button-projeto>a{color:#fff;font-weight:700;text-decoration:none}.section-skills{background-color:var(--cor1);padding-top:50px}.title-skill{text-align:center;color:#fff;font-family:Arial,Helvetica,sans-serif;padding-bottom:10px}.container-skill{padding:10px 10px 40px;display:grid;gap:20px;list-style:inside;font-size:14px}.front-details h2{color:#4b9fff;font-family:Verdana,Geneva,Tahoma,sans-serif;padding-bottom:5px}.front-details ul{color:#7dd1e6;font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:25px}.front-details strong{text-decoration:underline;color:#54a3c2}.design-details h2{color:#0dff00;font-family:Verdana,Geneva,Tahoma,sans-serif;padding-bottom:5px}.design-details ul{color:#00ff80;font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:25px}.design-details strong{text-decoration:underline;color:#44c585}@media screen and (min-width:768px){.container-skill{padding:30px;font-size:20px}.front-details li,.design-details li{line-height:35px}}@media screen and (min-width:992px){.container-skill{padding:30px 50px 50px;font-size:24px}}