22 lines
1.3 KiB
CSS
22 lines
1.3 KiB
CSS
* { box-sizing: border-box; }
|
|
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
|
|
body { background: #07182c; color: #edf6ff; font: 14px/1.35 sans-serif; }
|
|
header { display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #24405c; }
|
|
header img { width: 32px; height: 32px; margin-right: 9px; object-fit: contain; }
|
|
h1 { font-size: 19px; letter-spacing: 3px; margin: 0; }
|
|
header p { margin: 0; font-size: 10px; color: #a8c3db; }
|
|
main { padding: 12px; }
|
|
.page { display: none; }
|
|
.page.active { display: block; }
|
|
.eyebrow { color: #75c7ff; font-size: 10px; letter-spacing: 1px; }
|
|
h2 { margin: 6px 0 9px; font-size: 23px; line-height: 1.1; }
|
|
p { margin: 8px 0; }
|
|
.notice { padding: 9px; margin-top: 12px; background: #14304a; border-left: 3px solid #60baff; font-size: 12px; }
|
|
dl { margin: 8px 0; }
|
|
dt { color: #a8c3db; font-size: 10px; }
|
|
dd { margin: 0 0 2px; }
|
|
output { display: block; padding: 10px; border: 1px solid #60baff; border-radius: 5px; overflow-wrap: break-word; }
|
|
.small { font-size: 11px; color: #a8c3db; }
|
|
.proof { text-align: center; }
|
|
.proof img { display: block; width: 96px; height: 128px; margin: 6px auto; }
|
|
footer { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; padding: 6px 10px; background: #102b45; font-size: 11px; }
|