Something went wrong. Try again.
The latest iteration of my personal site. ethana.dev
Something went wrong. Try again.
927 B · 52 lines
CSS
at master
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253main { display: flex; justify-content: center; margin: 8vw;}
.blog-content { width: 100%; max-width: 900px;}
h2,h3 { color: var(--text-colour-header); font-family: var(--secondary-font-family); font-style: normal; font-weight: 700; margin: unset; margin-top: clamp(2rem, 1.3497rem + 3.7161vw, 3.44rem); margin-bottom: clamp(1rem, 0.6071rem + 2.2452vw, 1.87rem);}
h2 { font-size: clamp(1.875rem, 1.4234rem + 2.5806vw, 2.875rem);}
h3 { font-size: clamp(1.25rem, 0.7984rem + 2.5806vw, 2.25rem);}
.blog-content p,.blog-content li { color: var(--subtle-text-colour); font-size: clamp(1rem, 0.8194rem + 1.0323vw, 1.4rem); font-weight: 400; line-height: clamp(2rem, 1.6331rem + 2.0968vw, 2.8125rem);}
.blog-content a:hover,.blog-content a:focus { text-decoration: none;}
.post-meta-wrapper { display: flex; justify-content: center; margin: 8vw;}.post-meta { width: 100%; max-width: 900px;}