body::before{content:"";background-image:url(../media/thaim-head.jpg);background-size:cover}.odd{background-image:-webkit-linear-gradient(135deg,var(--grad))}.even{background-image:-webkit-linear-gradient(45deg,var(--grad))}h2,h3,h4{color:#72716f;letter-spacing:.18rem;text-shadow:#000 0 1px 1px}.form-looks h4{color:var(--font-color);margin-top:0;letter-spacing:.1rem}.slide-rule{margin:0 18.75%;width:62.5%}hr{height:3px;border:0;margin:0 auto 5px auto;width:70%}section ul{list-style:url(../media/ul-arrow.png);margin-bottom:var(--global-gap)}.plain{background-origin:border-box;font-size:1.2rem}.plain td{padding:0 2rem;border-top:dashed #858585}.plain p{padding-left:2rem}.fraction{display:inline-block;font-size:.75rem;text-align:center;vertical-align:middle}.fraction:before{border-bottom:1px solid #000;content:attr(top);display:block;line-height:.75rem}.fraction:after{content:attr(bottom);display:block;line-height:.75rem}.byte{margin:1rem 0 var(--global-gap) 0;width:100%;background-image:linear-gradient(150deg,var(--grad));background-origin:border-box;border-spacing:5px;border:5px solid transparent;border-radius:.5rem;box-shadow:0 -5px 10px #000;color:var(--font-color)}.byte td,.byte th,.byte tr{background-color:rgba(30,29,29,.4);padding:5px;text-align:center;border:thin inset red;border-radius:5px}@media only screen and (max-width:650px){.byte{border-spacing:2px;border:3px solid transparent;border-radius:.4rem}.byte td,.byte th,.byte tr{padding:2px;border-radius:2px;font-size:.7rem}.content{padding:5px}}@media only screen and (max-width:375px){.byte{border-spacing:1px;border:1px solid transparent}.byte td,.byte th,.byte tr{padding:0;border-radius:2px;font-size:.69rem}}.byte:hover,.form-looks:hover{transition:.3s;box-shadow:0 -2px 5px #000,0 0 5px rgba(255,255,255,1)}.form-wrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"unit qty results notes";gap:1rem;align-items:center}.form-looks{margin:1rem 0 2rem 0;background-color:#000;background-image:linear-gradient(15deg,rgba(194,41,45,.8) 23.38%,rgba(242,125,33,.8) 50.43%,rgba(247,147,30,.8) 56.2%,rgba(223,108,47,.8) 69.61%,rgb(203,75,61,.8) 78.19%,rgba(187,47,73,.8) 87.05%,rgba(158,0,93,.8) 100%);border-radius:.5rem;box-shadow:0 -5px 10px #000;padding:2rem;color:var(--font-color)}.qty,.results,.unit{padding-top:1rem}.unit{grid-area:unit}.qty{grid-area:qty}.results{grid-area:results}.notes{grid-area:notes;justify-self:end}textarea{width:100%}input[type=number]{outline:0;max-width:4rem;height:2.5rem;font-size:1.1rem;border:1px solid #720d44;border-radius:5px;box-shadow:inset 1px 1px 2px #a80404,1px -2px 5px #000}select{display:inline-block;height:2.5rem;font-size:1.1rem;padding:5px 50px 5px 2px;outline:0;color:var(--font-color);border:1px solid #720d44;border-radius:5px;box-shadow:inset 1px 1px 2px #a80404,1px -2px 5px #000;background:rgba(5,5,30,.8);background-image:linear-gradient(45deg,rgba(194,41,45,.8) 43.38%,rgba(223,108,47,.8) 69.61%,rgb(203,75,61,.8) 78.19%,rgba(187,47,73,.8) 87.05%,rgba(158,0,93,.8) 100%)}input:hover,select:hover{transition:.2;box-shadow:1px -1px 1px #000,0 0 5px rgba(255,255,255,1)}form label{padding:1rem 0}.rp-tm-ntbk{box-shadow:0 2px 4px #000,0 0 10px rgba(0,0,0,.5)}.rp-tm-ntbk:hover{box-shadow:0 2px 4px #000,0 0 5px rgba(255,255,255,1);cursor:pointer;transition:box-shadow .5s}.rp--txtbox{width:100%;margin-top:2rem;resize:vertical;outline-color:orange;border:1px solid orange}.rp--txtbox:active,.rp--txtbox:focus,.rp--txtbox:hover{border:2px solid red;outline-color:pink}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center}.two-col div{padding-right:5px}.centered{justify-self:center}@media only screen and (max-width:650px){.two-col{grid-template-columns:1fr}}@media only screen and (max-width:600px){.form-wrapper{grid-template-columns:1fr 1fr;grid-template-areas:"unit qty" "results notes"}}@media only screen and (max-width:475px){.form-wrapper{grid-template-columns:1fr;grid-template-areas:"unit" "qty" "results" "notes"}}