48 lines
638 B
CSS
48 lines
638 B
CSS
.tpl-cover {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
position: relative;
|
|
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
|
|
}
|
|
|
|
.cover-inner {
|
|
text-align: center;
|
|
}
|
|
|
|
.middle {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.cover-title {
|
|
top: 2rem;
|
|
font-size: 4rem;
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
|
|
.cover-sub {
|
|
top: 7rem;
|
|
font-size: 4rem;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.cover-date {
|
|
bottom: 4.5rem;
|
|
font-size: 1.5rem;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.cover-location {
|
|
bottom: 2rem;
|
|
font-size: 1.5rem;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.cover-title {
|
|
font-size: 2rem;
|
|
}
|
|
}
|