mega-scraper/client/style.css

scrape a website's content.

/* layout */
html, body { min-height: 100%; min-height: 100vh; }
body { padding: 0.5em 1em; }
body > header { max-width: 60em; margin: 0 auto; }
body > main { max-width: 60em; margin: 0 auto; }
body > footer { max-width: 60em; margin: 0 auto; }
img { max-width: 100%; }

/* typography */
html, body { font-size: 20px; font-weight: 400; line-height: 1; }
@media all and (max-width: 60em) { html, body { font-size: 16px; } }
html, body { font-family: 'Poppins', sans-serif; }
a { color: inherit; }
a:visited { color: inherit; }
pre, code { overflow: scroll; }
ul { padding-left: 0em; margin-top: 0; }
h1, h2, h3 { margin-top: 0; }
/* https://type-scale.com/ */
h1, h2, h3, h4, h5 { margin: 2.75rem 0 1rem; font-weight: 400; line-height: 1.15; }
h1 { margin-top: 0; font-size: 2.488em; }
h2 { font-size: 2.074em; }
h3 { font-size: 1.728em; }
h4 { font-size: 1.44em; }
h5 { font-size: 1.2em; }
small, .text_small { font-size: 0.833em; }