1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-23 07:04:22 +00:00
festa/components/generic/views/landing.module.css

46 lines
760 B
CSS
Raw Normal View History

2022-06-11 03:08:49 +00:00
.viewLanding {
2022-06-04 03:13:19 +00:00
display: grid;
2022-06-11 03:08:49 +00:00
grid-template-areas:
2022-06-04 03:13:19 +00:00
"titles"
"actions"
;
grid-template-columns: 100%;
grid-template-rows: auto 1fr;
justify-content: stretch;
text-align: center;
gap: 32px;
}
2022-06-11 03:08:49 +00:00
.viewLandingTitles {
2022-06-04 03:13:19 +00:00
grid-area: titles;
2022-06-05 15:51:02 +00:00
text-shadow: 2px 2px 4px var(--background);
2022-06-04 03:13:19 +00:00
}
2022-06-11 03:08:49 +00:00
.viewLandingTitlesTitle {
2022-06-04 03:13:19 +00:00
font-size: 10rem;
}
2022-06-11 03:08:49 +00:00
.viewLandingTitlesSubtitle {
2022-06-04 03:13:19 +00:00
font-size: 2.5rem;
}
@media (max-width: 800px) or (max-height: 600px) {
2022-06-11 03:08:49 +00:00
.viewLandingTitlesTitle {
2022-06-04 03:13:19 +00:00
font-size: 5rem;
}
2022-06-11 03:08:49 +00:00
.viewLandingTitlesSubtitle {
2022-06-04 03:13:19 +00:00
font-size: 1.5rem;
}
}
2022-06-11 03:08:49 +00:00
.viewLandingActions {
2022-06-04 03:13:19 +00:00
grid-area: actions;
align-self: start;
justify-self: center;
max-width: 800px;
width: 100%;
}