*{margin:0;padding:0;font-family:Roboto,sans-serif}@media (max-width: 850px){html #projects{width:90%;grid-template-columns:1fr}html #projects{grid-template-areas:"projecttitle" "project1" "project2"}html #project1>img{height:350px}html #project2>img{height:350px}html #projectstitle{justify-content:center;margin-top:50px}html #projectstitle>h1{font-size:65px;text-align:center}}@media (max-width: 750px){html #linkedin{margin-right:50px}html .tecnologia{font-size:30px}}@media (max-width: 700px){html footer>h1{font-size:40px}html footer>form{width:70%}}@media (max-width: 630px){html #title1{font-size:80px}html #title2{font-size:20px}}@media (max-width: 500px){html #linkedin{margin-right:20px}html #title1{font-size:60px}html #title2{font-size:18px}html .tecnologia{font-size:25px}}@media (max-width: 550px){html footer>h1{font-size:30px;text-align:center}html footer>form{width:70%}html footer>form>div{flex-direction:column}html footer>form>div>label{padding:0 0 5px;width:100%}html footer>form>label{width:100%}}#background{background-image:linear-gradient(#223237,#41646f);width:100%;height:100vh;z-index:-1;position:absolute}header{width:100%;height:70px;display:flex;justify-content:flex-end;align-items:center}#github{margin-right:20px;cursor:pointer;color:#3e5f6a}#github:hover{scale:1.1}#linkedin{margin-right:100px;cursor:pointer;color:#3e5f6a}#linkedin:hover{scale:1.1}#page1{height:calc(100vh - 70px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#title1{text-align:center;font-size:100px;padding-top:170px;color:#fff}#title2{text-align:center;margin-top:5px;color:#b9b9b9}#tecnologias{margin:20px 50px;display:flex;justify-content:center;flex-wrap:wrap}.tecnologia{margin:10px;color:#adc0c5}.tecnologia:hover{scale:1.1}#page2{position:relative;display:flex;flex-direction:column;align-items:center;background-color:#345059}#page2>img{position:absolute;z-index:-1;width:100%;height:100%}#title3{text-align:center;font-size:40px;padding-top:100px;color:#b9b9b9}#habilidades{display:flex;width:75%;margin:50px 50px 150px;background-color:#e4dfdf;flex-wrap:wrap;border-style:solid;border-color:#d3d0d0;border-width:1px 0 0 1px}.habilidade{flex:1 1 300px;border:3px solid #3d5b64;margin:-1px;background-color:#41646f}.habilidade>div{display:flex;margin:30px;align-items:center}.habilidade>div>svg{margin-right:20px;color:#fff}.habilidade>div>p{font-size:20px;color:#fff}.habilidade>p{width:70%;margin:auto auto 40px;font-family:18px;color:#c4c4c4}#page3{background-color:#2b4148;display:flex;justify-content:center}#projects{width:80%;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;margin-bottom:50px}#projectstitle{grid-area:projecttitle;display:flex;align-items:center}#projectstitle>h1{color:#fff;font-size:80px}#project1{grid-area:project1;margin-top:30px}#project1 img{width:100%;height:350px;padding:30px 0 10px;cursor:pointer}#project1 img:hover{scale:1.01}#project1description h2{color:#fff}#project1description p{color:#c4c4c4;padding-left:5px;padding-bottom:30px}#project2{grid-area:project2}#project2 img{width:100%;height:550px;padding-bottom:10px;cursor:pointer}#project2 img:hover{scale:1.01}#project2description h2{color:#fff}#project2description p{color:#c4c4c4;padding-left:5px;padding-bottom:30px}#projects{grid-template-areas:"projecttitle project1" "project2 project2"}footer{width:100%;background-color:#345059;display:flex;flex-direction:column;align-items:center}footer>h1{margin:50px 0;font-size:50px;color:#fff}footer>form{width:60%;display:flex;flex-direction:column;align-items:center;margin-bottom:80px}footer>form>div{width:100%;display:flex;justify-content:space-between}footer>form>div>label{width:50%;display:flex;flex-direction:column;padding:10px;color:#c4c4c4;font-size:17px}footer>form>div>label>input{border:none;padding:5px;outline:none;margin-top:3px;background-color:#41646f;color:#fff;height:35px}footer>form>div>label>input:focus{scale:1.01}footer>form>label{width:calc(100% - 20px);display:flex;flex-direction:column;color:#c4c4c4}footer>form>label>textarea{border:none;outline:none;margin-top:3px;background-color:#41646f;color:#fff;padding:5px;height:100px}footer>form>label>textarea:focus{scale:1.01}footer>form>button{width:70%;height:40px;background-color:#527984;margin-top:30px;border:none;font:18px;cursor:pointer;color:#fff}footer>form>button:hover{scale:1.01}