body { margin: 0; background: #FFF5E8; color: #5A3A2E; font: 500 16px/1.55 "Nunito", system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 24px 18px 60px; }
h1 { font-family: "Sniglet", "Nunito", sans-serif; font-size: 30px; margin: 10px 0 4px; }
h2 { font-family: "Sniglet", "Nunito", sans-serif; font-size: 20px; margin: 26px 0 6px; }
a { color: #D85A4C; }
header img { width: 220px; }
.card { background: #fff; border: 2.5px solid #5A3A2E; border-radius: 14px; box-shadow: 0 3px 0 #5A3A2E; padding: 12px 16px; margin: 14px 0; }
.btn { display: inline-block; background: #EE7466; color: #fff; text-decoration: none; border: 2.5px solid #5A3A2E; border-radius: 14px; padding: 8px 16px; font-weight: 700; box-shadow: 0 3px 0 #5A3A2E; }
small { opacity: .8; }
@font-face { font-family: "Sniglet"; src: url("./fonts/Sniglet-ExtraBold.ttf"); font-weight: 800; }
@font-face { font-family: "Nunito"; src: url("./fonts/Nunito-Variable.woff2") format("woff2"); font-weight: 200 1000; }