body { margin: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue; font-size: 14px; line-height: 1.5; color: #333; } main { position: relative; max-width: 800px; padding: 25px; margin: 0 auto; box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em 0; font-weight: 400; line-height: 1.2; } h1 { font-size: 2em; } a { color: royalblue; } a:visited { color: royalblue; } input { border: 1px solid #dadada; padding: 5px; } label { font-size: 1.1em; } input { font-size: 1.1em; } button { font-size: 1.2em; border: 1px solid #333; background: #ededed; border-radius: 2px; padding: 10px 15px; } button:hover { background: #ddd; } button:active { background: #fafafa; } button.primary { border: 1px solid #1e3066; background: #668cff; color: white; } button.primary:hover { background: #446add; } button.primary:active { background: #99b3ff; } @media (max-width: 767px) { p, label, input { font-size: 1.3em; } }