mini.css

/* 
mini.css (@alterebro) 

https://git.io/mini.css // returns wrong mime type. Use the one below
https://gistcdn.githack.com/alterebro/85f4271ce1bdfbbdd4689f02a71d0571/raw/mini.css (https://bit.ly/3wgknNz)
*/

body { 
    max-width: 42rem; 
    margin: 0 auto; 
    padding: 2rem; 
    font-family: system-ui, sans-serif; 
    color: #333; 
    font-weight: 400; 
    line-height: 1.65; 
    font-size: 1em; 
}
strong { 
    font-weight: 600; 
}
a { 
    color: #09f; 
    text-decoration: none; 
}
a:hover { 
    color: #000; 
    text-decoration: underline; 
}
ul { 
    padding: 1em 2em; 
}
ul li { 
    padding: .1em 0; 
}
ul li:first-child { 
    padding-top: 0; 
}
ul li:last-child { 
    padding-bottom: 0; 
}
h1 { 
    line-height: 1.3; 
    font-weight: 700; 
    font-size: 200%; 
    margin: 0 0 .5em; 
    letter-spacing: -.5px; 
}
h2 { 
    line-height: 1.3; 
    font-weight: 700; 
    font-size: 165%; 
    margin: 0 0 .25em; 
}
h3 { 
    line-height: 1.3; 
    font-weight: 700; 
    font-size: 135%; 
    margin: 0 0 .25em; 
}
h4 { 
    line-height: 1.3; 
    font-weight: 700; 
    font-size: 120%; 
    margin: 0; 
}
h5 { 
    line-height: 1.3; 
    font-weight: 500; 
    font-size: 120%; 
    margin: 0; 
}
p { 
    margin: 1em 0; 
}
p+h2, ul+h2, ol+h2 { 
    padding-top: 1.5em; 
}
p+h3, ul+h3, ol+h3 { 
    padding-top: 1em; 
}
p+h4, ul+h4, ol+h4 { 
    padding-top: .5em; 
}
p+h5, ul+h5, ol+h5 { 
    padding-top: .5em; 
}
p+ul { 
    padding-top: 0; 
}
img { 
    display: block; 
    max-width: 100%; 
    margin: 2em 0; 
    border-radius: 5px; 
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .15); 
}
pre { 
    font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; 
    font-size: .85rem; 
    tab-size: 2; 
    border-radius: 5px; 
    padding: 1em; 
    max-width: 100%; 
    background: #eee; 
    color: #555; 
    overflow-x: scroll; 
}
hr { 
    background: none; 
    border: none; 
    border-bottom: dashed #999 1px; 
    height: 1px; 
    line-height: 1px; 
    margin: 2em 0; 
    padding: 0; 
}
table { 
    margin: 2em 0 4em; 
    width: 100%;
}
table th { 
    text-align: left; 
}
table td, table th { 
    border-bottom: dotted #ccc 1px; 
    padding: .5rem 0; 
    vertical-align: baseline; 
}