Change responsive styling

This commit is contained in:
Benjamin 2023-02-05 17:06:06 +01:00
parent d66da677a6
commit fc0f008300

20
cv.html
View file

@ -34,7 +34,6 @@
body {
color: var(--color);
background-color: var(--color-background);
max-width: 80ch;
padding: 1ch;
margin: 0 auto;
font-family: Vollkorn, serif;
@ -60,6 +59,24 @@
font-style: italic;
}
@media screen and (min-width: 600px) {
body {
padding: 2ch;
}
}
@media screen and (min-width: 800px) {
body {
padding: 3ch;
}
}
@media screen and (min-width: 900px) {
body {
max-width: 900px;
}
}
@media (prefers-color-scheme: light) {
:root {
--color: var(--color-primary-light);
@ -79,6 +96,7 @@
max-width: initial;
font-size: 10pt;
background-color: #ffffff;
padding: 0;
}
body,