*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b1220;color:#e5e7eb}
header{padding:0px 0px;border-bottom:1px solid #1f2937;background:#00}
h1{margin:8px 0 8px 0; text-align: center;font-size:1.6rem}
h2{margin:8px 0 8px 0; text-align: center;font-size:0.8rem}

main{padding:16px;max-width:800px;margin:0 auto}
.card{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:16px;box-shadow:0 1px 6px rgba(0,0,0,0.25)}
button{padding:10px 14px;border-radius:10px;border:1px solid #334155;background:#111827;color:#e5e7eb;cursor:pointer}
button:hover{filter:brightness(1.1)}
footer{padding:16px;color:#9ca3af;text-align:center;border-top:1px solid #1f2937}
a{color:#93c5fd}

/* adding styling for the banner */

.banner {
  width: 100%;       /* make it always span the viewport width */
  height: auto;      /* keep the aspect ratio */
  display: block;    /* remove the default inline spacing */
/*   border: 2px solid black; */
}