testes/Css/page/Ambiente/Config/sec_cap_1.css

82 lines
1.2 KiB
CSS

.Capa {
width: 100%;
height: 7vh;
background-color: var(--Cor_Segundaria_5_1);
display: flex;
justify-content: center;
align-items: center;
}
.Capa img {
width: 10vw;
}
.Capitulo_1,
.Capitulo_2 {
width: 100vw;
}
.Capitulo_1 {
display: flex;
justify-content: start;
}
.Capitulo_1 .element_1 {
background: none;
border: none;
outline: none;
display: flex;
align-items: center;
font-size: 1vw;
font-family: var(--font_titulo);
color: var(--Cor_Segundaria_5_1);
}
.Capitulo_1 .element_1 img {
width: 2vw;
}
.Capitulo_2 {
margin-top: 2vh;
height: 60vh;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: start;
column-gap: 10vw;
/* Mantém a separação horizontal */
row-gap: 6vw;
/* Reduz a separação vertical */
}
.Capitulo_2 .element_1 {
width: 25vw;
height: 7vh;
display: flex;
justify-content: center;
align-items: center;
gap: 1.5vw;
font-size: 1.7vw;
font-family: var(--font_titulo);
color: var(--Cor_Segundaria_5_1);
}
.Capitulo_2 .element_1 img {
width: 3vw;
}