website/components/Heros.css

25 lines
419 B
CSS

.components__heros {
height: calc(100dvh - 6rem);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: calc(2 * var(--_gap));
}
.components__heros__title {
font-size: 400%;
max-width: 800px;
text-wrap: balance;
text-align: center;
margin: 0;
}
.components__heros__subtitle {
font-size: large;
text-align: center;
text-wrap: balance;
max-width: 800px;
margin: 0;
}