Stylesheet optimizations
This commit is contained in:
parent
e44ac4fd44
commit
8d829f77e5
1 changed files with 17 additions and 23 deletions
40
style.css
40
style.css
|
@ -1,6 +1,21 @@
|
|||
html {
|
||||
font-family: Fira Code, monospace;
|
||||
body {
|
||||
font-family: Fira Code, Fira Mono, monospace;
|
||||
background-color: #fafafa;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
min-width: 280px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background-color: #212121;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
section, header {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
@ -9,28 +24,7 @@ h1 {
|
|||
margin: 2.5rem 0;
|
||||
}
|
||||
|
||||
p, li {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ff61b5;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
body > * {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
min-width: 280px;
|
||||
}
|
||||
|
||||
section {
|
||||
margin: 2rem auto;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html {
|
||||
background-color: #212121;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue