Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
1.4 kB · 101 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102/* Josh's Custom CSS Reset https://www.joshwcomeau.com/css/custom-css-reset/*/*,*::before,*::after { box-sizing: border-box;}* { margin: 0;}html,body { height: 100%;}body { line-height: 1.5; -webkit-font-smoothing: antialiased;}img,picture,video,canvas,svg { display: block; max-width: 100%;}input,button,textarea,select { font: inherit;}p,h1,h2,h3,h4,h5,h6 { overflow-wrap: break-word;}#root,#__next { isolation: isolate;}
/* Styles */html { --syntax-bg: hsl(231deg 15% 18%);}body { background: hsl(228deg 25% 7.8%); color: white; font-family: sans-serif;}main { padding: 32px 16px; max-width: 600px; margin: 0 auto;}h1 { margin: 2rem 0 3rem; color: hsl(65deg 92% 75%); font-size: 2.5rem; font-weight: 900;}h2 { font-size: 1.5rem; margin-bottom: 1em; font-weight: 500;}
.code-snippet { margin: 2rem -1em 6rem !important; border-radius: 8px !important; background: var(--syntax-bg);}.code-snippet pre { background: transparent !important;}
.reveal { display: flex; justify-content: center; margin: 2rem -1em 6rem !important; padding: 2rem; border-radius: 8px !important; background: var(--syntax-bg);}.reveal button { color-scheme: dark; font-size: 1rem; padding: 8px 24px; font-weight: 600; background: hsl(255deg 100% 55%); border: none; border-radius: 4px; cursor: pointer;}