@charset "utf-8";

body { background-color: #909e93; color: #282828; display: flex; font-family: Monospace, FreeSans, san-serif, Calibri, Arial; margin: 0; padding: 0; }

label { display: inline-block; min-width: 7em; }
page { margin: auto; padding: 16px 16px 110px; }

nav { background: #c0cfb2; bottom: 0; color: #000; justify-content: center; position: fixed; width: 100vw; ; }
nav ul { display: flex; list-style-type: none; padding: 0; }
nav li { align-self: center; justify-content: center; padding: 0 16px; }

input, select, textarea { background: #f7e4d7; border: 1px solid #000; border-radius: 4px; color: #333; margin: 4px; overflow: auto; padding: 4px; }
input[type=button], input[type=submit] { width: 6em; }
input[type=number] { width: 4em; }
input[type=text], textarea { font-weight: bold; }

@media print {
 a { color: #000; text-decoration: none; }
 body { background-color: #fff; color: #000; }
 nav ul { display: none; }
 input, select { border: 0; border-bottom: 2px solid #000; color: #000; overflow: visible; }
 textarea { border: 0; border-left: 2px solid #000; color: #000; overflow: visible; }
 input[type=button], input[type=submit] { display: none; }
}