#container{background:rgba(26,38,54,.9);border-radius:20px;box-shadow:0 0 30px #3defce;color:#fff;margin:20px auto;padding:30px 20px;width:95%}h1{color:#a2c9c2}h2{color:#3defce}p{font-size:1.3rem}header{align-items:center;border-bottom:1px solid #3defce;display:flex;justify-content:space-between;margin-bottom:20px}#perfil-content{text-align:center;width:33%}#perfil{border:4px solid #0d6253;border-radius:200px;width:200px}#skills{text-align:center;width:67%}#allSkills{display:flex;flex-wrap:wrap;justify-content:space-evenly}#about-contact{border-bottom:1px solid #3defce;display:flex;justify-content:space-between}#about-contact h1{text-align:center}#about{width:50%}#about p{text-indent:3ch}#contact{width:40%}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:50px}.buttons a,a,button{background:#0d6253;border:none;border-radius:10px;color:#fff;margin-bottom:10px;margin-right:10px;padding:10px 20px 15px;text-decoration:none}.buttons a:hover,a:hover,button:hover{box-shadow:0 0 10px #3defce;color:#3defce}#projects{margin-top:20px;text-align:center}#projects nav{margin-top:30px}#project-content,#projects ul{display:flex;flex-wrap:wrap}#project-content{background:#0d6253;border-radius:10px;justify-content:space-evenly;padding:30px;text-align:center}#project-content h2{color:#fff;font-size:1.5rem}#project-content img{margin-bottom:20px;width:300px}#project-content a{border:1px solid #fff}.p-item{margin-bottom:40px}@media (max-width:960px){body{text-align:center}header{flex-direction:column;margin-top:40px}#perfil-content,#skills{width:100%}#allSkills{display:flex;flex-wrap:wrap;justify-content:space-evenly}#allSkills div{margin-right:20px}#about-contact{flex-direction:column}#about,#contact{width:100%}#about p{text-align:left}}ul{align-content:center;display:flex;justify-content:center;list-style:none}li{margin-right:20px}li img{margin-right:10px;width:30px}li #eua{width:25px}li a{background:#0d6253;border-radius:10px;color:#fff;padding:10px 20px 15px;text-decoration:none}li a:hover{box-shadow:0 0 10px #3defce;color:#3defce}@media (max-width:400px){span{display:none}li a{background:none}}.btnHtml,.btnJavascript,.btnPhp,.btnReact{background:rgba(0,0,0,.2);box-shadow:0 0 10px #fe8e22;color:#fe8e22}body{background:url(/static/media/bg.4d07692d4423279026c9.jpg);background-attachment:fixed}
/*# sourceMappingURL=main.3e0aaffd.css.map*/