|
@@ -548,18 +548,20 @@ body {
|
|
|
height: 230px;
|
|
height: 230px;
|
|
|
-o-object-fit: cover;
|
|
-o-object-fit: cover;
|
|
|
object-fit: cover;
|
|
object-fit: cover;
|
|
|
|
|
+ -o-object-position: 0 25%;
|
|
|
|
|
+ object-position: 0 25%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.feature-article .float-right {
|
|
.feature-article .float-right {
|
|
|
float: right;
|
|
float: right;
|
|
|
- max-width: 40%;
|
|
|
|
|
|
|
+ max-width: 60%;
|
|
|
margin: 1rem 0 1rem 1rem;
|
|
margin: 1rem 0 1rem 1rem;
|
|
|
border-radius: 12px;
|
|
border-radius: 12px;
|
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
}
|
|
|
.feature-article .float-left {
|
|
.feature-article .float-left {
|
|
|
float: left;
|
|
float: left;
|
|
|
- max-width: 40%;
|
|
|
|
|
|
|
+ max-width: 60%;
|
|
|
margin: 1rem 1.5rem 0 0;
|
|
margin: 1rem 1.5rem 0 0;
|
|
|
border-radius: 12px;
|
|
border-radius: 12px;
|
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
@@ -584,7 +586,7 @@ body {
|
|
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
|
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
|
|
|
}
|
|
}
|
|
|
.feature-article h1 {
|
|
.feature-article h1 {
|
|
|
- font-size: 3.5rem;
|
|
|
|
|
|
|
+ font-size: 3rem;
|
|
|
margin: 3rem auto;
|
|
margin: 3rem auto;
|
|
|
padding-top: 1.5rem;
|
|
padding-top: 1.5rem;
|
|
|
border-top: 12px solid var(--sub-color);
|
|
border-top: 12px solid var(--sub-color);
|
|
@@ -617,7 +619,7 @@ body {
|
|
|
.feature-article .feature-body div,
|
|
.feature-article .feature-body div,
|
|
|
.feature-article .feature-body p {
|
|
.feature-article .feature-body p {
|
|
|
margin: 1.5rem 0 0;
|
|
margin: 1.5rem 0 0;
|
|
|
- line-height: 1.8;
|
|
|
|
|
|
|
+ line-height: 2;
|
|
|
font-size: 1.05rem;
|
|
font-size: 1.05rem;
|
|
|
color: #222;
|
|
color: #222;
|
|
|
}
|
|
}
|