Line 87: | Line 87: | ||
.right{ | .right{ | ||
margin-top: 20px; | margin-top: 20px; | ||
+ | } | ||
+ | #top-zone p{ | ||
+ | font-size: 18px; | ||
+ | font-family: 'quicksand medium'; | ||
+ | line-height: 30px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #top-zone h1{ | ||
+ | font-size: 48px; | ||
+ | line-height: 50px; | ||
+ | font-family: 'OM'; | ||
+ | letter-spacing: 1px; | ||
} | } |
Latest revision as of 23:50, 17 October 2018
- main p{
line-height: 27px;
}
- main{
margin-top: 46px; display: flex; flex-direction: column; align-items: center;
}
- top-description
{
width: 80%; max-width: 1000px;
}
- top-zone
{
display: flex; justify-content: center; background-color: #eee; padding: 30px 0; width: 100%;
}
- my-content{
width: 80%; max-width: 1000px; padding: 0 36px; border-left: 2px solid rgb(68,114,196); margin-bottom: 100px;
}
- my-content p{
font-size: 18px; font-family: 'quicksand medium'; line-height: 30px; text-align: justify;
} .detail{
display: flex; flex-direction: column; align-items: center;
} .detail p{
width: 100%;
} .detail img{
max-width: 100%;
}
- top-pic{
width: 100%; height: 300px; background-image: url(""); background-position: center top; background-size: cover;
} .half{
display: flex; justify-content: space-around;
} .half1{
width: 45%; padding-right: 5%;
} .half2{
width: 45%;
} .half1 img{
width: 100%;
} .half2 img{
width: 100%;
}
- three{
display: flex; justify-content: space-around;
} .shadow {
box-shadow: 0px 0px 5px 1px #aaa; padding: 12px; display: flex; flex-direction: column; align-items: center; width: 100%;
} .shadow img{
max-width: 100%;
} .right{
margin-top: 20px;
}
- top-zone p{
font-size: 18px; font-family: 'quicksand medium'; line-height: 30px; text-align: justify;
}
- top-zone h1{
font-size: 48px; line-height: 50px; font-family: 'OM'; letter-spacing: 1px;
}