.blog {font-size:1rem;}
table,td,th {overflow:hidden;}
input[type=number] {width:4em}
input[type=range] {width:90%}
table {width:100%;}
tr > *:nth-child(1) { width:40%;font-size:1.2rem; }
tr > *:nth-child(2) { width:15%; }
tr > *:nth-child(3) { width:20%;}
tr > *:nth-child(3) { font-size:1.2rem; }
tr > *:nth-child(3) > input { font-size:1.2rem; }
tr > *:nth-child(4) { width:30%; }

#results {font-size:1.5em;position:fixed;bottom:0px;left:0px;z-index:2;padding:5px;background-color:#fa7}
.resultbox {border:2px solid #444;display:inline-block;padding:10px;background-color:#fc9}
.panel {background-color:#0005; background-blend-mode: darken;border-radius:0.4em;padding:1em}
h3 {margin:5px;}
@media (orientation:portrait) {#results {font-size:1.3em}}