body{
    padding: 0;
    margin: 0;
    font-family: Arial;
    color: #ffffff;
}
.faixa1, .faixa3, .faixa5, .faixa7, .faixa9{
    background: rgb(5,41,145);
    background: radial-gradient(circle, rgba(5,41,145,1) 55%, rgba(1,1,65,1) 100%);
}
.faixa2, .faixa4, .faixa6, .faixa8{
    background: rgb(13,13,13);
    background: radial-gradient(circle, rgba(13,13,13,1) 0%, rgba(22,22,22,1) 50%, rgba(13,13,13,1) 100%);
}
img{
    width: 100%; 
    height: 100%;
    border-radius: 5%;
}
li, a{
    margin: auto;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}
a.link0{
    margin: 0;
    font-weight: 100;
}
h1{
    margin: 0;
}
p{
    margin: 0;
}
.posicaoTitulo{
    width: 600px;
    height: 120px;
    margin: auto;
    align-content: center;
}
h1.titulo{
    margin: 0;
    font-size: 25pt;
    text-align: center;
}
p.tituloParagrafo{
    margin: 0;
    font-size: 14pt;
    text-align: center;
}
h1.titulo2{
    margin: 0;
    font-size: 20pt;
}
p.tituloParagrafo2{
    margin: 0;
    font-size: 14pt;
}
h1.titulo3{
    margin: 0;
    font-size: 25pt;
}
p.tituloParagrafo3{
    font-size: 14pt;
    margin: 0;
    font-weight: bold;
} 
.faixa1{
    width: 100%;
    height: 800px;
}
.inicio{
    width: 1200px;
    height: 800px;
    margin: auto;
}
.topo, .baixo{
    width: 1200px;
    height: 150px;
    float: left;
}
.emailTopo{
    width: 320px;
    height: 150px;
    align-content: center;
    float: left;
}
p.email{
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
}
.menuTopo{
    width: 600px;
    height: 150px;
    float: right;
    display: flex;
    list-style: none;
    align-items: center;
    font-size: 16pt;
}
.descricaoJean{
    width: 700px;
    height: 500px;
    float: left;
    margin: auto;
    align-content: center;
}
h1.descricaoTitulo{
    font-size: 32pt;
    margin: 0;
    font-weight: bolder;
}
p.descricaoParagrafo{
    font-size: 14pt;
    margin: 5px;
}
.posicaoFoto{
    width: 500px;
    height: 500px;
    float: right;
    align-content: center;
}
.fotoJean{
    width: 300px;
    height: auto;
    margin: auto;
}
.posicaoIcon{
    width: 100px;
    height: 150px;
    float: left;
    align-content: center;
}
.Icon{
    width: 80px;
    height: auto;
    margin: auto;
}
.baixo{
    display: flex;
}
.numTextoBaixo{
    width: 120px;
    height: auto;
    margin: auto;
    display: flex;
    align-items: center;
}
h1.numTexto{
    font-size: 35pt;
    text-align: center;
}

p.textoBaixo{
    font-size: larger;
}
.faixa2{
    width: 100%;
    height: 800px;
    align-content: center;
}
.posicaoLinhas{
    width: 1000px;
    height: 600px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.linhas{
    width: 1000px;
    height: 125px;
    display: flex;
    align-items: center;
}
h1.numLinha{
    font-size: 15pt;
    margin: 0;
}
h2.tituloLinha{
    font-size: 25px;
    text-align: center;
    margin: 15px;
}
p.paragrafoLinha{
    font-size: 20px;
    margin: 0;
}
.faixa3{
    width: 100%;
    height: 1250px;
    align-content: center;
}
.menuProjetos{
    width: 600px;
    height: 100px;
    margin: auto;
    display: flex;
    list-style: none;
    align-items: center;
    font-size: 16pt;
}
.areaProjetos{
    width: 1200px;
    height: 940px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.posicaoProjetos{
    width: 500px;
    height: 450px;
    margin: 10px 50px;
    align-content: center;
    background-color: #040645;
    border-radius: 50px;
}
.projeto{
    width: 400px;
    height: 400px;
    margin: auto;
}
.botaoProjeto{
    width: 350px;
    height: 80px;
    margin: auto;
    align-content: center;
    position: relative;
    bottom: 100px;
    left: 25px;
    background-color: #040645;
    border-radius: 30px;
    border-style: none;
}
.botaoDescricaoProjeto{
    text-align: center;
    font-size: 15pt;
    font-weight: bold;
    color: #ffffff;
}
.faixa4{
    width: 100%;
    height: 900px;
    align-content: center;
}
.areaExperiencia{
    width: 1200px;
    height: 800px;
    margin: auto;
    display: flex;
    justify-content: space-around;
}
.colunaExperiencia1, .colunaExperiencia2{
    width: 550px;
    height: 800px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.boxExperiencia{
    width: 430px;
    height: 100px;
    background-color: #000e8a;
    border-radius: 10px;
    padding: 20px;
    align-content: center;
}
.faixa5{
    width: 100%;
    height: 500px;
    align-content: center;
}
.areaLinguagens{
    width: 1200px;
    height: 300px;
    margin: auto;
    align-items: center;
    display: flex;
    justify-content: space-around;
}
.posicaoLing{
    width: 155px;
    height: 250px;

    align-content: center;
}
p.nomeLing{
    margin: 10px;
    text-align: center;
}
h2.porcentagem{
    margin: 0;
    text-align: center;
}
.posicaoLingIcone{
    width: 135px;
    height: 160px;
    background-color: #040645;
    margin: auto;
    padding: 10px;
    align-content: center;
    border-radius: 25px;
}
.iconeLing{
    width: 85px;
    height: 85px;
    margin: 20px 25px;
}
.faixa6{
    width: 100%;
    height: 800px;
    align-content: center;
}
.faixa6Centro{
    width: 1200px;
    height: 600px;
    margin: auto;
}
.faixa6Titulo{
    width: 500px;
    height: 600px;
    float: left;
}
.areaClientes{
    width: 650px;
    height: 600px;
    float: right;
    overflow-x: auto;
    white-space: nowrap;
    align-content: center;
}  
.clientes{
    width: 300px;
    height: 400px;
    padding: 15px;
    background-color: purple;
    border-radius: 25px;
    display: inline-block;
}
.faixa7{
    width: 100%;
    height: 600px;
    align-content: center;
}
.centroBlogs{
    width: 1400px;
    height: 400px;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}   
.posicaoBlogs{
    width: 400px;
    height: 350px;
    background-color: #040645;
    border-radius: 25px;
}
.blogsDescricao{
    width: 340px;
    height: 70px;
    margin: auto;
    align-content: center;
    position: relative;
    bottom: 100px;
    background-color: #040645;
    border-radius: 25px;
    padding: 10px;
}
a.comentario{
    font-weight: normal; 
}
a.blogTitulo{
    font-size: large; 
}
.faixa8{
    width: 100%;
    height: 800px;
    align-content: center;
}
.centroContatosComentarios{
    width: 1200px;
    height: 700px;
    margin: auto;
}
.areaComentarios{
    width: 600px;
    height: 700px;
    float: left;
    align-content: center;
}
.fundoComentarios{
    width: 500px;
    height: 600px;
    padding: 25px;
    background-color: #000e8a;
    margin: auto;
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.tituloComentarios{
    width: 500px;
    height: 100px;
}
.cadastroComentarios{
    width: 250px;
    height: 65px;
    background-color: #000e8a;
}
input.texto{
    width: 220px;
    height: 35px;
    border-radius: 10px;
    border-color: #ffffff;
    border-style: solid;
    background-color: #005294;
    color: #ffffff;
    font-size: large;
}
.comentariosServico{
    width: 500px;
    height: 50px;
}
.textoComentario{
    width: 500px;
    height: 250px;
}
textarea.inputComentario{
    width: 455px;
    height: 180px;
    padding: 10px;
    border-radius: 15px;
    border-color: #ffffff;
    border-style: solid;
    background-color: #005294;
    color: #ffffff;
    font-size: large;
    resize: none;
}
input.botaoComentarios{
    width: 150px;
    height: 50px;
    align-content: center;
    background-color: #ff0000;
    border-radius: 30px;
    color: #ffffff;
}
.areaContatos{
    width: 600px;
    height: 700px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}
.contatosTexto{
    width: 500px;
    height: 150px;
    align-content: center;
}
.faixa9{
    width: 100%;
    height: 200px;
    align-content: center;
}
.centroRodape{
    width: 650px;
    height: 200px;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
}
.rodapeIcone{
    width: 80px;
    height: 80px;
}
.rodapeMenu{
    width: 450px;
    height: 30px;
    float: right;
    display: flex;
    list-style: none;
    align-items: center;
    font-size: 16pt;
}
.rodapeDireitos{
    width: 450px;
    height: 30px;
    align-content: center;
}
p.direitosTexto{
    text-align: center;
    font-size: larger;
}