index.module.css•1.18 kB
/**
* CSS files with the .module.css suffix will be treated as CSS modules
* and scoped locally.
*/
.heroBanner {
padding: 4rem 0;
text-align: center;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, var(--ifm-color-primary-darkest) 0%, var(--ifm-color-primary) 100%);
}
@media screen and (max-width: 996px) {
.heroBanner {
padding: 2rem;
}
}
.buttons {
display: flex;
align-items: center;
justify-content: center;
margin-top: 2rem;
}
.button {
margin: 0 0.5rem;
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
.heroTitle {
font-size: 3rem;
font-weight: 800;
margin-bottom: 1rem;
}
.heroSubtitle {
font-size: 1.5rem;
margin-bottom: 2rem;
opacity: 0.9;
}
.callToAction {
background-color: var(--ifm-color-emphasis-100);
padding: 5rem 0;
margin-top: 2rem;
background: linear-gradient(135deg, var(--ifm-color-emphasis-200) 0%, var(--ifm-color-emphasis-100) 100%);
border-top: 1px solid var(--ifm-color-emphasis-200);
border-bottom: 1px solid var(--ifm-color-emphasis-200);
}