gabrielsimmer.com/assets/styles.css

50 lines
900 B
CSS
Raw Normal View History

2023-07-20 14:59:50 +01:00
:root {
--background-colour: #fff;
--text-colour: #222;
--php: rgb(136, 146, 191);
--javascript: #83CD29;
--go: #00ADD8;
--flutter: #02569B;
--clojure: #62B132;
--rust: #DEA584;
--python: #4584B6;
--svelte: #ff3e00;
}
@media (prefers-color-scheme: dark) {
:root {
--background-colour: #202225;
--text-colour: #dcddde;
--flutter: #0175C2;
--python: #FFDE57;
}
}
2023-07-31 15:22:36 +01:00
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}
2023-07-20 14:59:50 +01:00
body {
2023-07-31 15:22:36 +01:00
font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;
2023-07-31 11:50:55 +01:00
color: var(--text-colour);
2023-07-31 15:22:36 +01:00
font-size: 1.8em;
2023-07-20 14:59:50 +01:00
font-weight: 400;
2023-07-31 15:22:36 +01:00
line-height: 1.6;
2023-07-20 14:59:50 +01:00
background-color: var(--background-colour);
}
main {
margin: auto;
padding: 2rem;
2023-07-31 15:22:36 +01:00
max-width: 72ch;
2023-07-20 14:59:50 +01:00
}
h1, h2 {
font-weight: 500;
}
2023-07-31 11:50:55 +01:00
a, a:visited {
color: var(--text-colour);
}