@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap);html{font-size:62.5%}@media screen and (max-width:365px){html{font-size:58%}}@media screen and (max-width:280px){html{font-size:45%}}.inputs{display:grid;gap:0 1rem;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);margin:1rem 0;padding:0 1rem;place-items:center;width:100%}.inputs input{border:0;border-radius:100px;max-width:76px;min-width:50px;padding:5px}.input-group{align-items:center;display:flex;gap:.4rem;justify-content:space-between;margin:4px 0;width:100%}.input-group label[for=image-scale]{align-items:center;display:flex;justify-content:center}.input-group label[for=image-scale] svg{border:1px solid #000;border-radius:6px;margin:0 5px 0 10px}.input-wrapper{border:1px solid #ccc;border-radius:100px;display:grid;height:28px;overflow:hidden;place-items:center}.input-group svg,.input-wrapper{vertical-align:middle}input#text{width:100%}input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:0;cursor:pointer;height:26px;padding:0;width:30px}input[type=file]{display:none}.image-upload{cursor:pointer;display:inline-block;padding:0 10px 5px}.image-upload i{margin:0 7px 0 0}:focus{border-radius:0;outline:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:0;border-radius:0}::-moz-color-swatch,::-moz-focus-inner{border:0}::-moz-focus-inner{padding:0}.button{border:none;border-radius:30px;cursor:pointer;font-size:2.5rem;font-weight:500;padding:.8rem 1.6rem;text-decoration:none;transition-duration:167ms;transition-property:background-color,box-shadow,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button-primary{background-color:var(--blue-1);color:var(--white)}.button-primary:hover{background-color:var(--blue-2)}.button-secondary{background-color:var(--white);box-shadow:inset 0 0 0 1px var(--blue-1);color:var(--blue-1)}.button-secondary:hover{background-color:var(--blue-tint);box-shadow:inset 0 0 0 2px var(--blue-1);color:var(--blue-1)}#buttons{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-between;margin:10px 0;padding:0 5px}#buttons>*{text-align:left;width:100%}#buttons a i{margin:0;padding-right:10px;width:30px}:root{--blue-1:#0a66c2;--blue-2:#004182;--blue-tint:#e4f1fe;--white:#fff;--bg:#f3f2ef}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);display:grid;font-family:Open Sans,sans-serif;font-size:1.6rem;place-items:center}canvas{border-radius:50%;box-shadow:0 0 25px 0 rgba(0,0,0,.9);margin:20px 0;width:100%}@media screen and (max-width:515px){canvas{width:97%}}main{align-items:center;display:flex;flex-direction:column;max-width:550px;padding:15px 0}label i{margin:0 7px}