54 lines
942 B
CSS
54 lines
942 B
CSS
/*
|
|
* Generic Section Styles
|
|
*/
|
|
|
|
.section {
|
|
padding: 6rem 0;
|
|
position: relative;
|
|
}
|
|
|
|
.alt-bg {
|
|
background: var(--bg-alt);
|
|
}
|
|
|
|
.alt-bg::before,
|
|
.section::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 5%;
|
|
right: 5%;
|
|
height: 1px;
|
|
background: linear-gradient(90deg, transparent, var(--divider), transparent);
|
|
}
|
|
|
|
.section-label {
|
|
font-size: 0.75rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.12em;
|
|
text-transform: uppercase;
|
|
color: var(--accent);
|
|
display: block;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 2.5rem;
|
|
font-weight: 800;
|
|
letter-spacing: -1px;
|
|
margin-bottom: 3rem;
|
|
color: var(--text);
|
|
position: relative;
|
|
}
|
|
|
|
.section-title::after {
|
|
content: '';
|
|
display: block;
|
|
width: 36px;
|
|
height: 3px;
|
|
background: var(--accent);
|
|
border-radius: 2px;
|
|
margin-top: 0.85rem;
|
|
box-shadow: 0 0 12px var(--accent-glow);
|
|
}
|