(Created page with "#main{ margin-top: 46px; display: flex; justify-content: center; } #main-content{ display: flex; justify-content: center; flex-direction: column; w...") |
|||
Line 1: | Line 1: | ||
#main{ | #main{ | ||
− | margin-top: | + | margin-top: 66px; |
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
Line 16: | Line 16: | ||
align-items: center; | align-items: center; | ||
flex-direction: column; | flex-direction: column; | ||
+ | } | ||
+ | #detail h1{ | ||
+ | font-size:48px; | ||
+ | font-family:'OM'; | ||
+ | |||
} | } | ||
.half{ | .half{ |
Revision as of 00:19, 18 October 2018
- main{
margin-top: 66px; display: flex; justify-content: center;
}
- main-content{
display: flex; justify-content: center; flex-direction: column; width: 80%; max-width: 800px; margin-bottom: 100px;
}
- detail{
display: flex; align-items: center; flex-direction: column;
}
- detail h1{
font-size:48px; font-family:'OM';
} .half{
display: flex;
} .half1{
width: 45%; margin-right: 5%;
} .half2{
width: 45%; display: flex; flex-direction: column;
}
- detail p{
text-align: justify; font-size: 18px; font-family: 'quicksand medium'; line-height: 27px; width: 100%;
} .half div img{
width: 100%;
}