|
|
@ -25,18 +25,17 @@ html, body {
|
|
|
|
color: var(--color-text);
|
|
|
|
color: var(--color-text);
|
|
|
|
background: var(--color-background);
|
|
|
|
background: var(--color-background);
|
|
|
|
font-family: sans-serif;
|
|
|
|
font-family: sans-serif;
|
|
|
|
padding: 0;
|
|
|
|
|
|
|
|
min-height: 100%;
|
|
|
|
min-height: 100%;
|
|
|
|
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
html {
|
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
|
|
|
|
padding: .5rem;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
|
|
display: grid;
|
|
|
|
display: grid;
|
|
|
|
grid-template:
|
|
|
|
grid-template:
|
|
|
|
"header" 7rem
|
|
|
|
"header" 7rem
|
|
|
@ -117,13 +116,12 @@ article {
|
|
|
|
@media only screen and (max-width: 1000px) {
|
|
|
|
@media only screen and (max-width: 1000px) {
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1000px) {
|
|
|
|
@media only screen and (min-width: 1000px) {
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
width: 80%;
|
|
|
|
width: 70%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|