src/components/@shared/Page/PageHeader.module.css
.header {
margin-bottom: var(--spacer);
max-width: 50rem;
}
.title {
font-size: var(--font-size-h3);
margin-top: 0;
margin-bottom: 0;
display: inline-flex;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
@media (min-width: 40rem) {
.title {
font-size: var(--font-size-h2);
}
}
.description {
font-size: var(--font-size-large);
margin-top: calc(var(--spacer) / 4);
margin-bottom: 0;
}
.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}