body { background-color:white; color:black; }
a { color:blue; }
		
main { max-width:600px; margin:0 auto; }
label { display:inline-block; }

input[type=number] { width:5ch; font-family:monospace; font-size:1.2em; }
input[type=number][width="4"] { width:6ch; }
#inputratios { width:10ch; }
.output { font-family:monospace; font-size:1.2em; }
.output p:first-child { margin-top:1em; }
.output p { margin-bottom:0; }
.output table { text-align:center; width:100%; }
.output table td { vertical-align:top; }
.output .right { text-align:right; }

fieldset { margin: 1em 0; }
fieldset > legend { font-weight:bold; }
fieldset > legend + p { margin-top:0; }

input:invalid { border-color:red; }

.centred { text-align:center; }
.centred > p, .centred > legend { text-align:start; }