82 lines
1.2 KiB
CSS
82 lines
1.2 KiB
CSS
.about {
|
|
padding: 4rem 0 0 0;
|
|
|
|
.hero,
|
|
.story,
|
|
.vision {
|
|
max-width: 36rem;
|
|
padding: 2rem 0 8rem 0;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
|
|
p {
|
|
margin: 0 0 1rem 0;
|
|
|
|
a {
|
|
position: relative;
|
|
color: var(--s-color);
|
|
font-weight: 300;
|
|
|
|
&:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: -1px;
|
|
left: 0;
|
|
right: 0;
|
|
border-bottom: 0.15rem dotted var(--w-color);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.hero {
|
|
h1 {
|
|
font-size: 2.75rem;
|
|
font-weight: 700;
|
|
margin: 1.25rem 0;
|
|
}
|
|
|
|
/*
|
|
span {
|
|
color: var(--fs-color);
|
|
}
|
|
*/
|
|
}
|
|
|
|
.story,
|
|
.vision {
|
|
position: relative;
|
|
|
|
.arrow {
|
|
position: absolute;
|
|
width: 5rem;
|
|
height: 8.75rem;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
margin: 1.25rem 0;
|
|
}
|
|
}
|
|
|
|
.story {
|
|
|
|
.arrow {
|
|
top: -6.5rem;
|
|
left: 44%;
|
|
background-image: url('/img/arrow1.svg');
|
|
}
|
|
}
|
|
|
|
.vision {
|
|
|
|
.arrow {
|
|
top: -6rem;
|
|
left: 44%;
|
|
background-image: url('/img/arrow2.svg');
|
|
}
|
|
}
|
|
} |