* { margin: 0; padding: 0; }

html { background: #ffd6cc; background: linear-gradient(180deg, #ffd6cc 28%, #30ffd1 99%) no-repeat; min-height: 100%; }

body { color: #3a3880; font-family: sans-serif; font-size: 16px; line-height: 1.4; }

a { color: #3c38d2; text-decoration-style: solid; text-decoration-thickness: 2px; }

*:focus { background: #3c38d2; color: #fff; }

body > header h1 a { color: #3a3880; }

main { display: grid; }

main header, main main > nav, main article, main h2, main ol, main ul { margin-bottom: 1rem; }

article, body > header, main > nav { box-sizing: border-box; margin-left: 1rem; margin-right: 1rem; }

header, article, main > nav { margin-top: 1rem; margin-bottom: 1rem; }

article { border-bottom: 10px solid #28d9b1; padding-bottom: 2rem; }

p { margin: 0 0 1rem 0; }

blockquote { background: #cdeccd; padding: 0.5rem; margin-bottom: 1rem; font-weight: 100; }

blockquote p { font-style: italic; }

blockquote footer { font-weight: 600; }

body > header h1 { font-weight: 100; font-size: 1.5rem; }

h1, h2 { line-height: 1; }

h1 { font-size: 2rem; margin-bottom: 0.2rem; }

article h2, article h3 { font-weight: 100; }

h2 { font-size: 1.5rem; margin: 2.5rem 0 0.5rem 0; }

h3 { font-size: 1rem; margin: 1.5rem 0 0 0; }

main ol, main ul { margin-left: 20px; }

main ol li, main ul li { margin-bottom: 0.4rem; }

nav ul, nav ol { margin: 0; padding: 0; }

nav ul li, nav ol li { list-style: none; margin-bottom: 1rem; }

nav ul h2, nav ol h2 { margin-bottom: 0.2rem; }

time { font-weight: 100; }

nav ul li span { background: aliceblue; padding: 1px 9px; border-radius: 20px; display: inline-block; margin-left: 5px; }

nav .tags_by_column { display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { /* Styles */ }

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) { /* Styles */ }

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) { /* Styles */ }

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* Styles */ }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* Styles */ }

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* Styles */ }

/* desktops (landscape) ----------- */
@media screen and (min-width: 1025px) { /* Styles */ body { margin: 2rem 0 0 2rem; max-width: 40%; } }

/*# sourceMappingURL=main.css.map */