You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
2.2 KiB
102 lines
2.2 KiB
3 years ago
|
.about {
|
||
|
width: 100vw;
|
||
|
max-width: 1250px;
|
||
|
margin: 0px auto;
|
||
|
padding: 0px 10px;
|
||
|
direction: rtl;
|
||
|
min-height: calc(100vh - 288px);
|
||
|
&__fury {
|
||
|
margin-top: 30px;
|
||
|
width: 100%;
|
||
|
height: 400px;
|
||
|
justify-content: space-between;
|
||
|
&--right {
|
||
|
align-items: center;
|
||
|
width: 35%;
|
||
|
.right-top {
|
||
|
h1 {
|
||
|
display: inline;
|
||
|
letter-spacing: -2px;
|
||
|
font-family: numeralBold;
|
||
|
font-size: calc(100vw / 55);
|
||
|
background-color: #7dc241;
|
||
|
color: white;
|
||
|
}
|
||
|
p {
|
||
|
margin-top: 10px;
|
||
|
text-align: justify;
|
||
|
font-family: numeralLight;
|
||
|
font-size: calc(100vw / 90);
|
||
|
color: #6d6d6d;
|
||
|
}
|
||
|
}
|
||
|
.right-bottom {
|
||
|
margin-top: 20px;
|
||
|
h1 {
|
||
|
display: inline;
|
||
|
font-family: numeralBold;
|
||
|
font-size: calc(100vw / 85);
|
||
|
background-color: #7dc241;
|
||
|
color: white;
|
||
|
}
|
||
|
ul {
|
||
|
margin: 0px;
|
||
|
list-style: none;
|
||
|
padding: 0px;
|
||
|
margin-top: 5px;
|
||
|
li {
|
||
|
display: inline;
|
||
|
border-bottom: 2px solid #7dc241;
|
||
|
font-family: numeralLight;
|
||
|
font-size: calc(100vw / 95);
|
||
|
color: #6d6d6d;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
&--left {
|
||
|
width: 60%;
|
||
|
background-color: #eee;
|
||
|
height: 100%;
|
||
|
}
|
||
|
}
|
||
|
&__advantages {
|
||
|
width: 100%;
|
||
|
height: 300px;
|
||
|
margin-top: 50px;
|
||
|
margin-bottom: 50px;
|
||
|
justify-content: space-around;
|
||
|
&--right {
|
||
|
width: 48%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
&--left {
|
||
|
padding-top: 80px;
|
||
|
width: 48%;
|
||
|
height: 100%;
|
||
|
align-items: flex-end;
|
||
|
margin-top: 20px;
|
||
|
h1 {
|
||
|
display: inline;
|
||
|
font-family: numeralBold;
|
||
|
font-size: calc(100vw / 55);
|
||
|
background-color: #7dc241;
|
||
|
color: white;
|
||
|
}
|
||
|
ul {
|
||
|
margin: 0px;
|
||
|
list-style: none;
|
||
|
padding: 0px;
|
||
|
margin-top: 5px;
|
||
|
li {
|
||
|
display: inline;
|
||
|
text-align: justify;
|
||
|
font-family: numeralLight;
|
||
|
font-size: calc(100vw / 90);
|
||
|
color: #6d6d6d;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|