#atv-pj-1{
    margin: 20px;
}

.navbar{
    display: flex;
    width: auto;
    height: 100px;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(252, 171, 160);
    padding: 20px;
    margin-right: 10px;
}

/*botão */

.botao-navbar{
    display: flex;
    border: 2px solid rgb(233, 115, 72);
    width: 100px;
    height: 24px;
    justify-content: center;
    align-items: center;
    background-color: rgb(231, 90, 90);
    text-decoration: none;
}

.botao-pesquisar{
    display: flex;
    width: 100px;
    height: 24px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: rgb(231, 90, 90);
    border: 2px solid rgb(233, 115, 72);
}

#input-pesquisar-cursos{
    display: flex;
    justify-content: center;
}

#bt-pesquisar-navbar{
    display: flex;
    text-decoration: none;
}

#input-bt-pesquisar-navbar{
    display: flex;
    width: 320px;
    height: 30px;
    justify-content: space-between;
    text-decoration: none;
}

.carrinho{
    display: flex;
    flex-direction: row;
    width: 250px;
    justify-content: space-between;
}

#titulo-finalizar-pedido{
    font-weight: bold;
    font-size: 40px;
    color: rgb(165, 108, 42);
    margin-left: 20px;
}

#botoes-link{
    display: flex;
    justify-content: space-around;
    background-color: rgb(252, 171, 160);
    padding: 20px;
    font-size: 20px;
    margin-right: 10px;
}

/*foi como consegui ajustar a imagem mudando as proporções*/
#img-logon-banner{
    display: flex;
    width: 1845px;
    height: 200px;
}

#imagens-venda-cursos{
    display: flex;
    flex-direction: column;
    height: 700px;
    justify-content: space-around;
}

#imagens-link-1{
    display: flex;
    width: 1850px;
    height: 300px;
    align-content: space-between;
}

#imagens-link-2{
    display: flex;
    width: 1850px;
    height: 300px;
    align-content: space-between;
}

#img-link-linha-1{
    display: flex;
    justify-content: space-between;
    width: 1850px;
    height: 300px;
}

#img-link-linha-2{
    display: flex;
    justify-content: space-between;
    width: 1850px;
    height: 300px;
}

.img{
    align-content: center;
    align-items: center;
    text-align: center;
}

h4{
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

p{
    font-weight: bold;
    margin: 0;
}

.alteracao{
    width: 100px;
    background-color: bisque;
    margin-right: 650px;
    padding: 20px;
}

#sub-rodape{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: auto;
    height: 170px;
    padding-bottom: 10px;
    margin: 20px;
    background-color: rgb(252, 171, 160);
}

.links{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: auto; 
    align-items: flex-start;
}


#rodape-pagamento{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 20px;
    background-color: rgb(252, 171, 160);
    height: 150px;
    margin: 20px;
}

#icones{
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 400px;
    height:160px;
    text-align: justify;
}

#img-cartoes-1{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding-right: 20px;
    width: auto;
}

#img-cartoes-2{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding-right: 20px;
    width: auto;
    margin-top: 10px;
}

.imagens-ct{
    display: flex;
    width: 60px;
    height: 30px;
    margin-top: 10px;
    flex-direction: row;
    justify-content: space-between;
}

#certificados-de-seguranca{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 500px;
    height: 130px;
    background-color: rgb(252, 171, 160);
    align-content: flex-end;
}

.img-certificados{
    width: 180px;
    margin-top: 30px;
}

#certificados-img-de-seguranca{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 500px;
    height: 150px; 
}

.img-certificado-seg{
    background-color: white;
    width: 95px;
    height: 40px;
    justify-content: space-between;
}

#redes-sociais{
    display: flex;
    height: 50px;
    padding: 20px;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;
    align-items: center;
    background-color: rgb(252, 171, 160);
    margin: 20px;
}

#img-logon-rodape{
    display: flex;
    width: 80px;
    height: 60px;
}

#icones-redes-sociais{
    display: flex;
    text-align: end;
    margin-right: 30px;
    justify-content: flex-end;
    align-items: flex-end;  
}

.icone-rede-social{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 2px solid gray;
    border-radius: 50%;
    color: gray;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 30px;
}

/*programação pag4carrinho.css  Inicial*/
#pg1-carrinho-pai{
    display:flex;
    border: 7px solid rgb(252, 171, 160);
}
#pag-carrinho{
   margin: 20px; 
   border: 7px solid rgb(133, 61, 2);
   width: 1500px;
}

h1{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    border: 7px solid rgb(238, 166, 11);
    width: 1300px;
}

#carrinho-menu{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: auto;
    border: 7px solid pink;
    width: 1350px;
}

.menu-carrinho{
   border: 7px solid rgba(243, 149, 231, 0.979); 
}

.linhas-carrinho{
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    align-items: space-between;
}

.container-img-desc{
    display: flex;
    margin: 0;
    width: 420px;
    height: 80px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: 7px solid green;
}

.img-carrinho{
    display: flex;
    border: 7px solid cornflowerblue;
    flex-direction: row;
    align-items: start;
}

.cx-container-desc-carrinho{
    display: flex;
    border: 7px solid rgb(205, 84, 63);
    width: 350px;
    height: auto;
    margin-left:20px;
}

.cx-descricao-aula-carrinho{
    display: flex;
    flex-direction: column;
}

.descricao-aula-maior{
    display: flex;
    flex-direction: row;
    font-weight: bold;
    font-size: 27px;
}

.descricao-aula-menor{
    display: flex;
    flex-direction: row;
    font-size: 10px;
}

.quadrados-qtd{
    display: flex;
    width: 440px;
    height: auto;
    flex-direction: row;
    align-items: center;
}

.qtd{
    width: 80px;
    height: 30px;
    border: 2px solid black;
    display: flex;
    flex-direction: column;
    align-content: center;
}

.container-lixeira{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 400px;
    height: 80px;
    font-size: 32px;
}

.preco-carrinho{
    display: flex;
    flex-direction: column;
    width: 155px;
    align-items: flex-start;
    justify-content: space-around;
    font-weight: bold;
    font-size: 27px;
}
#preco-carrinho{
    font-weight: bold;
    font-size: 20px;
}

#resumo-pedido-pai{
    display: flex;
    width: 250px;
    height: 270px;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: bisque;
}

.subtotal{
    display: flex;
    justify-content: space-between;
}

#subtotal3{
    display: flex;
    font-weight: bold;
    font-size: 20px;
}

#subtitulo-resumo-pedido{
    font-weight: bold;
    font-size: 20px;
}

#descricao-botao{
    display: flex;
    text-align: center;
    margin-top: 13px;
}
/*programação pag4carrinho.css  Final*/

/* programação sobre.css Inicial */
#quem-somos{
    display: flex;
    font-weight: bold;
    font-size: 70px;
    justify-content: center;
    align-items: center;
    color: rgb(236, 106, 186);
    margin: 0;
}
.ilustracao-TechWomans{
    display: flex;
    width: 900px;
    height: auto;
    border: 4px solid rgb(241, 160, 66);
    justify-content: center;
    align-items: center;
}
#img-ilustracao{
    display: flex;
    justify-content: center;
    align-content: center;
}
#descricao-texto{
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.descricao-quem-somos{
    display: flex;
    width: 700px;
    height: 400px;
    font-size: 32px;
    text-align: justify;
    margin: 20px;
    justify-content: center;
    align-items: center;
    border: 2px solid rgb(236, 106, 186);
}
#descricao-quem-somos3{
    display: flex;
    padding-top: 50px;
    border: 2px solid rgb(241, 160, 66);
}
/*programação sobre.css Final */

/*programação pag2valorcurso.css Inicial*/
#pagDetalhes{
    display: flex;
    margin: 10px;
    padding: 20px;
}

#icones-word{
    display: flex;
    width: 540px;
    height: 80px;
    margin: 10px; 
    justify-content: space-around;
}

#cod-aula-word{
    display: flex;
    padding: 10px;
    justify-content: flex-start;
}

.word{
    display: flex;
    margin: 10px;
    flex-direction: row;
    justify-content: space-around;
    width: 70px;
    height: 50px;
}

#descricao1{
    margin: 20px;
    padding: 10px;
}

/* mudou o layout dos botões PESQUISAR, CARRINHO e MINHA CONTA */ 
#descricaotitulocurso{
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
}
/* alterar a programação */

#preco{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

#valor-e-parcela-pai{
    display: flex;
    flex-direction: row;
    justify-items: flex-end;
}

#valor-real{
    margin-left: 50px;
    padding: 0;
    font-weight: bold;
    color: black;
    font-size: 27px; 
}

#valor-real-parcelas{
    display: flex;
    text-size-adjust: 1px;
    font-size: 15px;
    font-weight: bold;
    margin-left: 0;
    padding-right: 10px;
}

#preco{
    display: flex;
    align-items: center;
}

.descricaocs{
    display: flex;
    text-align: justify;
    color: dimgrey;
}
/*programação pag2valorcurso.css Final*/

/*programação pag3logincliente.css Inicial*/
h1{
    font-weight: bold;
    font-size: 27px;
    margin: 20px;
}

#login-pai{
    margin: 20px;
}

#logincliente{
    display: flex;
    margin-right: 20px;
}

#cadastro{
    border: solid 1px black;
    width: 300px;
    height: 350px;
    padding: 30px;
    background-color: rgb(252, 171, 160); 
    margin-right: 30px;
}

.icone-rede-social{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border: 2px solid gray;
    border-radius: 50%;
    color: gray;
    text-decoration: none;
    transition: all 0.3s ease;
}

#aindanaocadastrado{
    border: solid 1px black;
    width: 350px;
    height: 550px;
    padding: 20px 20px;
    background-color:  rgb(252, 171, 160);
}
/* programação pag3logincliente.css Final */

 /* Programação pag5dashboard.css Inicial */

#alteracao-e-cadastros{
    display: flex;
    width: 1850px; 
    height: 600px;
    border: 7px solid black;
    justify-content: space-between;
    padding: 20px;
}

.alteracao1{
    width: 200px;
    height: 400px;
    background-color:  rgb(252, 171, 160);
    padding: 20px;
    font-weight: normal;
    font-size: 20px;
    margin-left: 20px; 
}

.alteracao{
    font-weight: bold;
    font-size: 20px;
}

#pg1-carrinho-pai{
    display:flex;
}

#pag-carrinho{ 
    width: 1500px;
    height: 590px;
}

h1{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    width: 1300px;
}

#carrinho-menu{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: auto;
    width: 1350px;
}

.linhas-carrinho{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: space-between;
}

.container-img-desc{
    display: flex;
    margin: 0;
    width: 320px;
    height: 100px;
    justify-content: space-between;
    align-items: center;
}

.img-carrinho{
    display: flex;
    flex-direction: row;
    align-items: start;
}

.cx-container-desc-carrinho{
    display: flex;
    width: 350px;
    height: auto;
    margin-left:20px;
}

.cx-descricao-aula-carrinho{
    display: flex;
    flex-direction: column;
}

.descricao-aula-maior{
    display: flex;
    flex-direction: row;
    text-align: center;
    font-weight: bold;
    font-size: 27px;
}

.descricao-aula-menor{
    display: flex;
    flex-direction: row;
    font-size: 10px;
}

.quadrados-qtd{
    display: flex;
    width: 310px;
    flex-direction: row;
    align-items: center;
}

.qtd{
    width: 80px;
    height: 30px;
    border: 2px solid black;
    display: flex;
    flex-direction: column;
    align-content: center;
}

.editar{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 300px;
    height: 100px;
    font-size: 32px;
}

.preco-carrinho{
    display: flex;
    flex-direction: column;
    width: 290px;
    align-items: flex-start;
    justify-content: space-around;
    font-weight: bold;
    font-size: 27px;
}

#preco-carrinho{
    font-weight: bold;
    font-size: 20px;
}

.deletar{
    width: 200px;
    justify-content: center;
    align-content: center;
}
/* programação pag5dashboard.css Final */