Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/jhroemer/jhroemer.github.io. My personal website jensroemer.com
Something went wrong. Try again.
1.8 kB · 106 lines
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107:root { --grey-1: #c7c7c7; --grey-2: #6f6f6f; --grey-3: rgb(244, 245, 245); --grey-4: rgb(248, 248, 248); --text-primary: rgb(58, 58, 58); --text-secondary: #6f6f6f; --mark-color: #f5e0a3; --navigation-underline: rgba(15, 57, 35, 1); --navigation-underline-off: rgba(15, 57, 35, 0);
--font-jost: jost, -apple-system, BlinkMacSystemFont, sans-serif;
/* Animations */ --transition-function-1: cubic-bezier(0.5, 0, 0.64, 0.73);}
/* use data-theme instead of class? */:root.dark { --text-primary: rgb(229, 229, 229); --text-secondary: #a0a0a0; --grey-1: #505050; --grey-2: #a0a0a0; --grey-3: rgb(32, 32, 32); --grey-4: rgb(28, 28, 28); --mark-color: #a17d12; --navigation-underline: rgba(243, 246, 233, 1); --navigation-underline-off: rgba(243, 246, 233, 0);}
html { font-family: -apple-system, BlinkMacSystemFont, sans-serif; background-color: #f2f4f5; color: var(--text-primary); scrollbar-gutter: stable;}
html.dark { background-color: rgb(26, 26, 26);}
.nav-links a { color: rgb(58, 58, 58);}
.dark .nav-links a { color: rgb(229, 229, 229);}
body { margin: 0 auto; width: 100%; max-width: 720px; padding: 4rem 2rem; line-height: 1.5;}
* { box-sizing: border-box;}
h1 { margin: 1rem 0; font-size: 1.5rem; font-weight: 400;}
h2 { margin: 1rem 0; font-size: 1.25rem; font-weight: 500;}
h3 { font-weight: 500;}
h2,p,ul { font-weight: 400;}
p { font-size: 15px;}
a { font-weight: 400; color: unset;
text-decoration: underline; text-decoration-color: var(--grey-1); text-underline-offset: 0.1em; transition: text-decoration-color 200ms, text-underline-offset 200ms;
&:hover { text-decoration-color: var(--grey-2); }}
blockquote { word-break: break-word;}