* { margin:0; padding: 0; border: 0; outline: none; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 62.5%; }
body { text-align: center;  width: 48rem; max-width: 100%; margin: 0 auto; font-family: sans-serif; }

header { padding: 1rem; }
header h1 { font-size: 3rem; }

main { padding: 1rem; font-size: 1.6rem; }
main section { border-bottom: .1rem solid #000; padding: 1rem 0; }
main img {max-width: 100%; height: auto; }
main small { font-size: 1.1rem; }
main p { width: 48rem; max-width: 100%; margin: 2rem auto; border: .1rem solid red; padding: 1rem; }
main h2 { margin: .5rem auto; }
main h3 { margin: .5rem auto; }
main ul { text-align: left; list-style: none; padding: .5rem 0;}
main ul li { padding: .5rem 0; }

footer { padding: 1rem; font-size: 1.2rem; border-top: .1rem solid #000; }
footer h3 { padding: .5rem 0; }