/* external style sheet - Website 105 */
:root { --navy:#0b1220; --slate:#1e293b; --teal:#14b8a6; --lime:#a3e635; --ink:#e2e8f0; }
* { box-sizing: border-box; }
body { margin:0; background:var(--navy); color:var(--ink); font-family:"Segoe UI",Tahoma,Arial,sans-serif; line-height:1.6; }
header { text-align:center; background:var(--slate); border-bottom:3px solid var(--teal); padding:12px 8px; }
header img.banner { max-width:100%; height:auto; border-radius:8px; }
nav { text-align:center; padding:10px 0; background:#0f172a; }
nav a { display:inline-block; margin:4px 3px; }
nav a img { border-radius:10px; transition:transform .15s; }
nav a:hover img { transform:translateY(-3px); }
main { max-width:860px; margin:0 auto; padding:20px 16px 40px; }
h1 { color:var(--teal); border-bottom:2px dashed var(--slate); padding-bottom:6px; }
h2 { color:var(--lime); margin-top:1.6em; }
a { color:#5eead4; }
a:hover { color:var(--lime); }
img.pic { display:block; margin:14px auto; border:3px solid var(--teal); border-radius:12px; max-width:100%; height:auto; }
ul li::marker { color:var(--lime); }
ol li { margin-bottom:6px; }
table { border-collapse:collapse; width:100%; margin:14px 0; background:var(--slate); }
caption { font-weight:bold; color:var(--lime); padding:8px; }
th, td { border:1px solid #334155; padding:8px 10px; text-align:left; }
thead th { background:var(--teal); color:var(--navy); }
tbody tr:nth-child(even) { background:#172033; }
fieldset { border:2px solid var(--teal); border-radius:10px; margin:16px 0; padding:12px 16px; background:var(--slate); }
legend { color:var(--lime); font-weight:bold; padding:0 8px; }
label { display:inline-block; margin:4px 10px 4px 0; }
input[type=text], input[type=email], input[type=password], select, textarea { background:var(--navy); color:var(--ink); border:1px solid var(--teal); border-radius:6px; padding:6px; }
input[type=submit], input[type=reset] { background:var(--teal); color:var(--navy); border:0; border-radius:6px; padding:8px 18px; font-weight:bold; cursor:pointer; }
input[type=reset] { background:#475569; color:var(--ink); }
footer { text-align:center; font-size:.85em; color:#94a3b8; padding:16px; border-top:1px solid var(--slate); }