231 lines
3.3 KiB
CSS
231 lines
3.3 KiB
CSS
.capitulo_2 .CorpoArtificial {
|
|
width: 89.6%;
|
|
height: 88vh;
|
|
|
|
padding-top: 2vw;
|
|
|
|
padding-left: 5vw;
|
|
padding-right: 5vw;
|
|
|
|
background-color: #D9D9D9;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 2vh;
|
|
}
|
|
|
|
.Capitulo_1,
|
|
.Capitulo_2 {
|
|
width: 100%;
|
|
|
|
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 2vw;
|
|
|
|
}
|
|
|
|
.Capitulo_1 .linha_1 {
|
|
|
|
width: 30vw;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
row-gap: 2vh;
|
|
transition: 1s ease;
|
|
}
|
|
|
|
.Capitulo_1 .linha_1 .painel {
|
|
|
|
|
|
width: 30vw;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
transition: 1s ease;
|
|
}
|
|
|
|
.Capitulo_1 .linha_1 .Corpo {
|
|
|
|
width: 30vw;
|
|
height: 47vh;
|
|
|
|
background-color: var(--Matriz);
|
|
font-family: var(--font_titulo);
|
|
color: var(--Cor_Segundaria_5_1);
|
|
|
|
display: flex;
|
|
align-items: start;
|
|
justify-content: center;
|
|
align-content: start;
|
|
transition: 1s ease;
|
|
|
|
|
|
overflow-y: auto;
|
|
|
|
}
|
|
|
|
.Capitulo_1 .linha_1 .cap {
|
|
|
|
width: 30vw;
|
|
height: 5vh;
|
|
|
|
|
|
background-color: var(--Cor_Segundaria_5_1);
|
|
font-family: var(--font_titulo);
|
|
color: var(--Matriz);
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: 1s ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.Capitulo_1 .linha_2 {
|
|
|
|
width: 20vw;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
row-gap: 2vh;
|
|
transition: 1s ease;
|
|
}
|
|
|
|
|
|
.Capitulo_1 .linha_2 .painel {
|
|
|
|
|
|
width: 20vw;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
.Capitulo_1 .linha_2 .Corpo_1 {
|
|
|
|
width: 20vw;
|
|
height: 25vh;
|
|
transition: 1s ease;
|
|
|
|
background-color: var(--Matriz);
|
|
font-family: var(--font_titulo);
|
|
color: var(--Cor_Segundaria_5_1);
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
.Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 {
|
|
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 4vw;
|
|
|
|
font-size: 1.6vw;
|
|
|
|
|
|
}
|
|
|
|
.Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 button {
|
|
|
|
background: none;
|
|
border: none;
|
|
outline: none;
|
|
|
|
font-family: var(--font_titulo);
|
|
font-size: 1.7vw;
|
|
color: var(--Cor_Segundaria_5_1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.Capitulo_1 .linha_2 .Corpo_2 {
|
|
|
|
width: 20vw;
|
|
height: 15vh;
|
|
transition: 1s ease;
|
|
|
|
background-color: var(--Matriz);
|
|
font-family: var(--font_titulo);
|
|
color: var(--Cor_Segundaria_5_1);
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.Capitulo_1 .linha_2 .cap {
|
|
|
|
width: 20vw;
|
|
height: 5vh;
|
|
transition: 1s ease;
|
|
|
|
background-color: var(--Cor_Segundaria_5_1);
|
|
font-family: var(--font_titulo);
|
|
color: var(--Matriz);
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
.Capitulo_2 .painel {
|
|
width: 97%;
|
|
height: 40vh;
|
|
|
|
|
|
}
|
|
|
|
.Capitulo_2 .cap {
|
|
width: 100%;
|
|
height: 5vh;
|
|
|
|
background-color: var(--Cor_Segundaria_5_1);
|
|
font-family: var(--font_titulo);
|
|
color: var(--Matriz);
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.Capitulo_2 .Corpo {
|
|
|
|
width: 100%;
|
|
height: 25vh;
|
|
|
|
background-color: var(--Matriz);
|
|
font-family: var(--font_titulo);
|
|
color: var(--Cor_Segundaria_5_1);
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
} |