html{font-family:Courier New,Courier,monospace;color:#292929}main{max-width:500px;margin:0 auto;display:flex;margin-top:2rem;flex-direction:column;gap:2rem}main .section{border:1px solid rgb(151,151,151);border-radius:10px;padding:10px}main .section .output-wrapper{display:flex;flex-direction:column;gap:1rem}main .section .summary{font-weight:bolder;font-size:1.2rem;margin-left:15px}main .section ol li{font-size:1.2rem}main .section .output{font-size:1.2rem}main .section .title{position:relative;top:-.8em;margin-left:1em;display:inline;background-color:#fff}main .section .input-wrapper{display:flex;flex-direction:column;gap:1rem}main .section .input-wrapper .input{display:flex;flex-direction:row;justify-content:space-between}main .section .input-wrapper .input .input-fields{display:flex;gap:15px}main .section .input-wrapper .input label{font-size:1.2rem}main .section .input-wrapper .input input[type=range]{text-align:right}main .section .input-wrapper .input input[type=number]{text-align:left;width:40px}