144 lines
1.9 KiB
CSS
144 lines
1.9 KiB
CSS
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
p {
|
|
font-family: "Inter", sans-serif;
|
|
margin: 0.313rem;
|
|
}
|
|
|
|
p {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.logo-div {
|
|
background: black;
|
|
width: 100vw;
|
|
height: 6.313rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.logo {
|
|
width: 10.125rem;
|
|
}
|
|
|
|
.hero {
|
|
width: 100vw;
|
|
}
|
|
|
|
.text-div {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-flow: column wrap;
|
|
}
|
|
|
|
.text-div h1 {
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 3rem;
|
|
line-height: 3.625rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.text-div h2 {
|
|
margin-top: 3rem;
|
|
font-family: "Inter";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 2rem;
|
|
line-height: 2.438rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.text-div h3 {
|
|
font-weight: 600;
|
|
font-size: 2rem;
|
|
line-height: 2.438rem;
|
|
}
|
|
|
|
.text-div p {
|
|
margin: 3rem;
|
|
width: 47.875rem;
|
|
}
|
|
|
|
.text-div img {
|
|
margin: 2rem;
|
|
width: 20rem;
|
|
height: 20rem;
|
|
}
|
|
|
|
.card-div {
|
|
margin-top: 8rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.card {
|
|
width: 21.875rem;
|
|
height: 20.75rem;
|
|
margin: 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
flex-flow: column nowrap;
|
|
background: #ffffff;
|
|
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
|
|
text-align: center;
|
|
}
|
|
|
|
.card p {
|
|
width: 18.688rem;
|
|
}
|
|
|
|
.pc-figure {
|
|
width: 100vw;
|
|
background: #e0e0e0;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
|
|
.pc-figure img {
|
|
margin: 2rem;
|
|
width: 26.375rem;
|
|
height: 23.125rem;
|
|
}
|
|
|
|
|
|
.content-div p {
|
|
width: 20.938rem;
|
|
font-style: normal;
|
|
font-size: 1rem;
|
|
line-height: 1.5rem;
|
|
}
|
|
|
|
.content-div img {
|
|
width: 6.5rem;
|
|
height: 6.5rem;
|
|
}
|
|
|
|
.content-div .text-div{
|
|
margin-top: 5rem;
|
|
}
|
|
|
|
.text-div .content {
|
|
width: 34.375rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.last-figure{
|
|
height: 25rem;
|
|
width: 100vw;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.last-figure img{
|
|
width: 85rem;
|
|
height: 17.25rem;
|
|
}
|