Something went wrong. Try again.
Following Josh W Comeau's the Joy of React course
Something went wrong. Try again.
1.2 kB · 85 lines
CSS
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586:root { --background: #ffffff; --foreground: #171717;}
@media (prefers-color-scheme: dark) { :root { --background: #0a0a0a; --foreground: #ededed; }}
/* 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;}
/* Minimal styles */body { display: flex; flex-direction: column; justify-content: flex-start; padding: 16px; min-height: 100%; font-family: sans-serif; background: var(--background); color: var(--foreground);}main { width: 100%; max-width: 800px; padding: 16px 24px; margin: 0px auto; border: 1px solid hsl(0deg 0% 50% / 0.3); border-radius: 2px;}footer { width: 100%; font-size: 0.875rem; text-align: center; padding: 32px 0px;}