testes/Css/page/Ambiente/Service/sec_cap_2.css

46 lines
840 B
CSS

.capitulo_2 {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 2vw;
}
.capitulo_2 .painel {
width: 20vw;
height: 40vh;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: center;
background-color: #c6c6c6;
box-shadow: -5px 5px 0px #9a9a9a;
transition: 1s ease;
}
.capitulo_2 .painel:hover {
background-color: var(--Cor_Segundaria_5_1);
box-shadow: 10px 10px 0px var(--Cor_Segundaria_5_2);
}
.capitulo_2 .painel .Colun_1 img {
width: 8vw;
filter: drop-shadow(2px 2px 0px var(--Cor_Segundaria_2_1));
}
.capitulo_2 .painel .Colun_2 {}
.capitulo_2 .painel .Colun_2 h2 {
font-size: 1.3vw;
color: var(--Matriz);
font-family: var(--font_titulo);
}