46 lines
614 B
CSS
46 lines
614 B
CSS
|
.hero {
|
||
|
|
max-width: 768px;
|
||
|
|
text-align: center;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hero img {
|
||
|
|
width: 720px;
|
||
|
|
height: 360px;
|
||
|
|
object-fit: cover;
|
||
|
|
border-radius: 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hero h3 {
|
||
|
|
font-size: 1.12rem;
|
||
|
|
font-weight: 500;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hero h1 {
|
||
|
|
font-size: 2.4rem;
|
||
|
|
font-weight: 600;
|
||
|
|
margin-top: 0.8rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hero p {
|
||
|
|
max-width: 50%;
|
||
|
|
margin: 0 auto 2rem auto;
|
||
|
|
color: grey;
|
||
|
|
font-size: 1.12rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.about {
|
||
|
|
max-width: 768px;
|
||
|
|
text-align: center;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: 8rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.about h2 {
|
||
|
|
font-size: 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.about img {
|
||
|
|
width: 380px;
|
||
|
|
}
|