html, body {margin:0;padding:0;background:#000;}
body {background:#fff;max-width:75em;min-width:23em;margin:1em auto;padding:1em 3%;font: 16px/1em Georgia, serif}
h1, h2 {text-align:center;line-height:1.2em;font-family: 'Times New Roman', serif;}
p {line-height:1.2em;margin:1.5em 1em}
h2{border:#000 4px outset;background-color:#efe;padding:0.2em;margin:1em 5%}
h1 i {display:block;width:1px;}
h1 i {float:right;position:relative;width:15%}
h1 b {display:block;position:absolute;width:150px;height:150px;margin:16px -150px 0 10px;
        background-image:url(img/ScreenshotAstroClock.png);background-size:contain;}
label, input, span {display: block;}
label {margin:1em 0 2em 6em;}
input {background:#ffa;color:#000}
div {margin-left:5em}
div label {display:inline-block;width:15em;margin:1em}
span {margin-left:3em;}
span::before {content: "• ";}
p:has(span) {font-size:1.1em;background-color:#eef; border:#000 4px outset;padding:0.5em;margin:1em 5%}
p b {width:10%}
p:first-of-type{margin-right:8%}
p::first-letter {font-size:2.5em;display:block;float:left;line-height:0.8em;
                position:relative;margin:0.11em 0 0 0;font-family: 'Times New Roman', serif;color:brown}
label:has(input#submitf) {display:block; margin:1em auto;font-size:1.3em;color:green;width:12em;}