108 lines
3.0 KiB
CSS
108 lines
3.0 KiB
CSS
.Corpo .ItemServicos img {
|
|
width: 1.5vw;
|
|
/*modifica a largura */
|
|
|
|
}
|
|
|
|
.Corpo .ItemServicos .PainelTexto {
|
|
display: flex;
|
|
/*define o display como flex*/
|
|
flex-direction: row;
|
|
/* definir a direção dos itens dentro do contêiner */
|
|
gap: 1vw;
|
|
/*define um espaco entre os blocos*/
|
|
width: 85%;
|
|
/*define largura*/
|
|
height: 5vh;
|
|
/*define altura*/
|
|
|
|
padding-right: 1.5vw;
|
|
/*define espaco da direita */
|
|
border-radius: 2vw;
|
|
padding-left: 1.5vw;
|
|
/*define a cor atraves de uma variavel*/
|
|
font-family: var(--font_titulo);
|
|
/*define a fonte usada*/
|
|
font-size: 1vw;
|
|
/*define o tamanho da letra*/
|
|
align-items: center;
|
|
/* Alinha os itens no centro ao longo do eixo vertical (eixo transversal), ou seja, centraliza os itens dentro do contêiner de acordo com o eixo oposto ao principal. */
|
|
justify-content: center;
|
|
/* Alinha os itens no centro ao longo do eixo horizontal (eixo principal), ou seja, centraliza os itens dentro do contêiner, distribuindo-os de maneira equidistante. */
|
|
border-left: solid 0.2vw #d9d9d9;
|
|
|
|
border-right: solid 0.2vw #d9d9d9;
|
|
|
|
border-bottom: solid 0.2vw #d9d9d9;
|
|
|
|
border-top: solid 0.2vw #d9d9d9;
|
|
|
|
background-color: var(--Cor_Segundaria_5_1);
|
|
}
|
|
|
|
|
|
.Corpo .ItemServicos p {
|
|
font-family: var(--font_titulo);
|
|
/*define a fonte */
|
|
color: white;
|
|
/*define a cor */
|
|
}
|
|
|
|
.Corpo .ItemServicos {
|
|
display: flex;
|
|
/*define o display*/
|
|
flex-direction: row;
|
|
/*define a direção dos itens dentro do conteiner*/
|
|
gap: 1vw;
|
|
/*define os espaoços dos itens */
|
|
width: 85%;
|
|
/*define o display*/
|
|
height: 5vh;
|
|
/*define a direção orizontal*/
|
|
|
|
padding-right: 1.5vw;
|
|
/*define um espaço ah direita*/
|
|
padding-left: 1.5vw;
|
|
/*define espaço a esquerda*/
|
|
|
|
color: var(--cor);
|
|
/*define a cor*/
|
|
font-family: var(--font_titulo);
|
|
/*define a fonte */
|
|
font-size: 1vw;
|
|
/*define o tamanho da fonte*/
|
|
align-items: center;
|
|
/*define os itens no centro*/
|
|
justify-content: start;
|
|
/* Alinha os itens ao início do container */
|
|
}
|
|
|
|
.capitulo_2 .CorpoArtificial .Capitulo_1 .linha_1 .painel .Corpo .Corpo_erro {
|
|
display: flex;
|
|
/*define o display como flex*/
|
|
align-items: center;
|
|
/* Alinha os itens no centro ao longo do eixo vertical (eixo transversal), ou seja, centraliza os itens dentro do contêiner de acordo com o eixo oposto ao principal. */
|
|
justify-content: center;
|
|
/* Alinha os itens no centro ao longo do eixo horizontal (eixo principal), ou seja, centraliza os itens dentro do contêiner, distribuindo-os de maneira equidistante. */
|
|
flex-direction: column;
|
|
/*define a direção dos itens dentro do conteiner*/
|
|
|
|
|
|
}
|
|
|
|
.capitulo_2 .CorpoArtificial .Capitulo_1 .linha_1 .painel .Corpo .Corpo_erro p {
|
|
|
|
font-size: 1.2vw;
|
|
/*define o tamanho da fonte*/
|
|
font-family: var(--font_titulo);
|
|
|
|
}
|
|
|
|
.capitulo_2 .CorpoArtificial .Capitulo_1 .linha_1 .painel .Corpo .Corpo_erro h2 {
|
|
|
|
|
|
font-size: 1.3vw;
|
|
/*define o tamanho da fonte*/
|
|
font-family: var(--font_titulo);
|
|
|
|
} |