style: Adjust hero section alignment, spacing, and visual hierarchy

This commit is contained in:
Paul Gauthier (aider) 2025-03-19 14:07:43 -07:00
parent af4acccf9f
commit b85226b8a5

View file

@ -121,6 +121,9 @@ nav {
.hero-content { .hero-content {
text-align: left; text-align: left;
max-width: 90%;
padding-left: 20px;
border-left: 4px solid var(--primary);
} }
.hero-video { .hero-video {
@ -134,21 +137,24 @@ nav {
font-size: 2.5rem; font-size: 2.5rem;
margin-bottom: 24px; margin-bottom: 24px;
color: var(--dark); color: var(--dark);
text-align: center; text-align: left;
line-height: 1.2;
} }
.hero p { .hero p {
font-size: 1.2rem; font-size: 1.2rem;
max-width: 700px; max-width: 90%;
margin: 0 0 40px; margin: 0 0 32px;
color: #495057; color: #495057;
line-height: 1.6;
font-weight: 400;
} }
.buttons { .buttons {
display: flex; display: flex;
gap: 20px; gap: 20px;
justify-content: flex-start; justify-content: flex-start;
margin-top: 32px; margin-top: 10px;
margin-bottom: 0; margin-bottom: 0;
} }