@media (prefers-color-scheme:light){*{color:#000}body{background-color:#f8f8f8}button,input,select{background-color:#fff;border-color:#000;color:#000}section{background-color:#fff;box-shadow:1em 1em 3em 0 rgba(0,0,0,.4)}}@media (prefers-color-scheme:dark){*{color:#e0e0e0}body{background-color:#000}button,input,select{background-color:#333;border-color:#e0e0e0}section{background-color:#222}}@media (orientation:landscape){section{width:30em}}@media (orientation:portrait){section{width:80%}}*{font-family:arial;font-size:20pt}body,html{height:100%}body{margin:0}article{align-items:center;display:flex;flex-flow:column wrap;justify-content:center}section{border-radius:1rem;display:flex;flex-flow:column wrap;margin-top:2em;padding:1em}hr{height:2rem;visibility:hidden}form{display:flex;flex-flow:column;margin:0}label{margin-top:1rem}label:first-of-type{margin-top:0}button,input,select{border-style:solid;border-width:1px;height:2rem}