.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); }