body,html{height:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;font-family:sans-serif;display:flex;flex-direction:column}section{display:flex;flex-flow:column;align-items:center;flex:1 0 auto}.dataGroup{display:flex;flex-flow:column;justify-content:space-evenly;align-items:center;width:60%}.cOpt{display:flex;flex-flow:row;justify-content:space-between;align-items:center;align-content:space-evenly;width:100%}label{width:100%}.iWrap{margin:0 10px;display:flex;flex-flow:row;align-items:center;width:100%;height:55px}#text{width:100%}#size{width:75px}h1{font-size:2.5em;text-align:center}input{border:1px #115aff solid;padding:5px;margin:10px 0;border-radius:10px;background-color:transparent;outline:0;color:#115aff;caret-color:#115aff;font-size:1.1em;font-family:sans-serif;height:40px}button{width:100%;border:1px #115aff solid;padding:5px;margin:10px 0;border-radius:10px;background-color:transparent;color:#115aff;font-size:1.1em;font-family:sans-serif;height:40px;cursor:pointer}img{width:100%}button:hover{background-color:#115aff;color:#fff}#qrcode{display:flex;flex-direction:column;justify-content:center;margin:10px;max-width:30%}input:focus{border:1px #115aff inset;color:#000}label{font-size:1.1em}footer{border-top:#115aff 1px solid;margin:0;padding:0 10px;height:56px;display:flex;flex-flow:row;align-items:center;justify-content:space-between;flex-shrink:0}.spacer{flex:1 1 auto}@media screen and (max-width:800px){.dataGroup{width:70%}#qrcode{max-width:50%}}@media screen and (max-width:675px){.dataGroup{width:90%}#qrcode{max-width:50%}.cOpt{flex-direction:column}}