29 lines
639 B
CSS
29 lines
639 B
CSS
@layer page {
|
|
:root {
|
|
--card-base: color-mix(in lab, var(--news-base), #fff 25%);
|
|
--zone-color: color-mix(in lab, var(--news-base), #000 75%);
|
|
}
|
|
|
|
body {
|
|
background: color-mix(in lab, var(--news-base), #fff 90%);
|
|
}
|
|
|
|
main {
|
|
max-width: calc(46rem + 2rem * 2);
|
|
justify-self: center;
|
|
padding: 3rem 2rem 2rem;
|
|
|
|
margin-top: 3rem;
|
|
margin-bottom: 6rem;
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
box-shadow: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
max-width: none;
|
|
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
}
|