*{box-sizing:border-box}body{font-family:Arial;margin:0;background:#eef}
header,footer{background:#0b5ed7;color:#fff;padding:18px;text-align:center}
nav{display:flex;justify-content:center;gap:1rem;background:#222;flex-wrap:wrap}
nav a{text-decoration:none;color:#fff;padding:12px;font-weight:bold}
.card{display:flex;gap:20px;background:#fff;margin:20px;padding:20px;border-radius:12px;box-shadow:0 2px 8px #999}
figure{text-align:center}
fieldset{border:2px solid #0b5ed7;border-radius:8px;padding:15px}
legend{font-weight:bold}
label{display:block;margin-top:10px}
input,button{padding:8px;width:100%;margin-top:4px}
button{background:#0b5ed7;color:#fff;border:0;border-radius:6px;cursor:pointer}
aside{align-self:center;font-style:italic;max-width:260px}
#go-home{text-align:center;margin:20px}
@media(max-width:768px){.card{flex-direction:column}}