122 lines
2.7 KiB
SCSS
Executable File
122 lines
2.7 KiB
SCSS
Executable File
.about-area{
|
|
.about-caption{
|
|
h3{
|
|
font-size: 30px;
|
|
color: #000a2d;
|
|
font-weight: 700;
|
|
margin-bottom: 35px;
|
|
line-height: 1.5;
|
|
@media #{$xs}{
|
|
font-size: 24px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
}
|
|
.pera1{
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
}
|
|
.about-caption2{
|
|
h3{
|
|
font-size: 40px;
|
|
color: #000a2d;
|
|
font-weight: 700;
|
|
margin-bottom: 35px;
|
|
line-height: 1.5;
|
|
@media #{$md}{
|
|
font-size: 30px;
|
|
}
|
|
@media #{$sm}{
|
|
font-size: 30px;
|
|
}
|
|
@media #{$xs}{
|
|
font-size: 25px;
|
|
}
|
|
|
|
}
|
|
p{
|
|
color: #464d65;
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
margin-bottom: 10px;
|
|
}
|
|
.send-cv{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
a{
|
|
color: #000a2d;
|
|
font-size: 35px;
|
|
font-weight: 500;
|
|
margin-bottom: 10px;
|
|
text-decoration: underline;
|
|
display: inline-block;
|
|
@media #{$md}{
|
|
font-size: 30px;
|
|
}
|
|
@media #{$sm}{
|
|
font-size: 28px;
|
|
}
|
|
@media #{$xs}{
|
|
font-size: 25px;
|
|
}
|
|
}
|
|
i{
|
|
font-size: 30px;
|
|
cursor: pointer;
|
|
text-decoration: double underline;
|
|
position: relative;
|
|
bottom: -10px;
|
|
@media #{$sm}{
|
|
bottom: -6px;
|
|
font-size: 23px;
|
|
|
|
}
|
|
@media #{$xs}{
|
|
bottom: -6px;
|
|
font-size: 23px;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.about-me{
|
|
.about-me-img{
|
|
img{
|
|
width: 100%;
|
|
}
|
|
}
|
|
.about-me-caption{
|
|
h2 {
|
|
font-size: 48px;
|
|
display: block;
|
|
color: $heading-color;
|
|
font-weight: 600;
|
|
margin-bottom: 40px;
|
|
@media #{$lg}{
|
|
font-size: 41px;
|
|
}
|
|
@media #{$md}{
|
|
font-size: 35px;
|
|
}
|
|
@media #{$sm}{
|
|
font-size: 31px;
|
|
}
|
|
@media #{$xs}{
|
|
font-size: 24px;
|
|
line-height: 1.6;
|
|
}
|
|
}
|
|
p{
|
|
|
|
}
|
|
h5{
|
|
padding-left: 25px;
|
|
border-left: 2px solid #ff5f13;
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
} |