*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,input,textarea,button,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;text-align:left;background:none}*:focus,a:focus,button:focus,input:focus,textarea:focus{outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:62.5%}body{color:#fff;font-size:1.6rem;font-family:"Lato", "Optima", "PTSans", "Liberation Sans", helvetica, arial, verdana, sans-serif;line-height:1.3;background-color:#333}header{color:#a0a0a0;background-color:#292929}header a{display:inline-block;padding:10px 20px 10px 10px;color:#a0a0a0;text-decoration:none;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out}header a:hover{color:#efefef;background-color:#1d1d1d}header a:active{color:#fff}header a::before{padding-right:4px;content:"←";font-family:times, "Times New Roman", verdana, sans-serif;vertical-align:text-bottom}.container{width:500px;max-width:90%;margin:20px auto;color:#333}@media screen and (min-height: 700px){.container{margin:40px auto}}.module{padding:20px;box-shadow:rgba(0,0,0,0.75) 0px 3px 10px;background-color:#fff}.module h1{font-size:1.6rem;font-weight:bold}.module a{color:#1d61e0}.module a:hover{color:#000}fieldset+fieldset{margin-top:20px;padding-top:20px;border-top:#eaeaea 1px solid}.input__fields{display:flex;flex-wrap:wrap;font-size:1.4rem}@media screen and (max-width: 365px){.input__fields{display:block}}h1+.input__fields{margin-top:5px}.input__field{flex:1 0 50%;padding:7px 2px}label{color:#ccc;cursor:pointer}.active label{color:#333}input{color:#ccc;border:#ccc 1px solid}.active input{color:#333}input[type=number]{width:40px;padding:2px;margin:0 2px;text-align:center;border-radius:2px}input[type=number]:focus{border-color:#1d61e0;box-shadow:rgba(0,0,0,0.1) 1px 1px 5px inset,#9ebffd 0 0 0 3px}input[type=number].error{color:#b30000;border-color:#ef8e8e;background-color:#ffd4d4}input[type=number].error:focus{border-color:#e01a1a;box-shadow:rgba(0,0,0,0.2) 1px 1px 5px inset,#fd9d9d 0 0 0 3px}.active input[type=number]{border-color:#666;background-color:#f0f0f0}.controls{margin-top:20px;padding-top:20px;word-spacing:2px;border-top:#eaeaea 1px solid}.controls button{display:inline-block;padding:9px 10px 7px 10px;color:#d7e1fb;font-size:1.4rem;line-height:1;text-align:center;text-shadow:rgba(0,0,0,0.5) 1px 1px 3px;transition:box-shadow 0.05s ease;vertical-align:middle;box-shadow:rgba(255,255,255,0.25) 2px 2px 1px inset,rgba(0,0,0,0.1) -2px -2px 1px inset;background-color:#1d61e0}.controls button:active{padding-top:10px;padding-bottom:6px;box-shadow:rgba(0,0,0,0.3) 0px 2px 5px inset}.output{position:relative;margin-top:20px}@media screen and (min-height: 700px){.output{margin-top:100px}.output::before{position:absolute;top:-100px;left:50%;color:rgba(255,255,255,0.2);font-size:5rem;line-height:100px;content:"↓";transform:translateX(-50%)}}.output__field{padding:10px;font-size:1.5rem;font-family:monospace, monospace;word-wrap:break-word;border:#ece4c3 1px solid;background-color:#f9f2d9}.output__info{color:#666;font-size:1.2rem;padding-left:2px}footer{flex:0 1 auto;padding:0 5% 20px 5%;color:#808080;font-size:1.3rem;text-shadow:rgba(0,0,0,0.3) 1px 1px 3px}footer p{text-align:center}footer a{color:#b5b5b5}footer a:hover{color:#dedede}@media screen and (max-width: 650px){footer br{display:none}}