.Subir { animation: TrocadeMesUP 1s ease; } .Decer { animation: TrocadeMesDown 1s ease; } .Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 { width: 90%; height: 33vh; display: flex; flex-direction: column; justify-content: start; align-content: center; align-items: start; } .Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 .days { width: 100%; height: 4vh; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-content: center; align-items: start; gap: 0.3vw; font-family: var(--font_titulo); font-size: 0.8vw; } .Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 .days .day-name { width: 2.3vw; height: 4vh; display: flex; justify-content: center; align-items: center; transition: 1s ease; font-family: var(--font_titulo); font-size: 0.8vw; color: var(--Cor_Segundaria_5_1); border-bottom: 0.1vw solid var(--Cor_Segundaria_5_1); } .Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 .dates { width: 100%; height: 33vh; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-content: center; align-items: start; column-gap: 0.3vw; row-gap: 0.1vw; } .Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 .dia, .Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 .vazio { width: 2.3vw; height: 3.5vh; margin-top: -1.5vh; display: flex; justify-content: center; align-items: center; background-color: var(--Cor_Segundaria_5_1); font-size: 0.8vw; transform: scale(1); transition: 1s ease; animation: TrocadeMesUP 1s ease; } .Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 .dia:hover { transform: scale(1.1); transition: 0.2s ease; background-color: var(--Cor_Segundaria_5_2); } .Capitulo_1 .linha_2 .Corpo_1 .linhaMes_1 .dia.destaque { background-color: var(--Cor_Primaria_5); }