body{background:linear-gradient(180deg,#0098b3 0%,#409eb5 5%,#5ca2b7 9%,#73a7ba 14%,#86aabb 18%,#9bb2bf 23%,#abb4bf 27%,#bebbc4 32%,#cfbfc6 36%,#dfc3c8 41%,#efc8ca 45%,#ffcccc 50%,#ffc2d2 55%,#ffb3d4 59%,#ffa8d9 64%,#ff9edf 68%);background-attachment:fixed;overflow-x:hidden}*{box-sizing:border-box}::-webkit-scrollbar{display:none}.colorInput{position:relative;display:block;border:none;margin:1em auto 1em -1em;width:105%;padding:0}.colorInput:hover{filter:drop-shadow(4px 3px 3px black)}.similarColors{display:flex;justify-content:center}.similarColors div{width:2em;height:2em;margin:.5em 1em;border:2px solid black}.similarColors div:hover{transform:scale(1.2)}.similarColors div:active{transform:scale(.8)}#name{display:block;margin-left:auto;margin-right:auto;font-size:1.75em;padding:.5em;width:90%;border:2px solid #ff9edf;background:rgba(255,255,255,.5)}#name:focus{outline:2px solid #0098b3}canvas{background-color:#fff;border-radius:2em}.settings{display:flex;justify-content:space-around;align-items:flex-start;text-align:center;font-weight:bolder;font-family:Cambria,Cochin,Georgia,Times,serif}.settings button{display:block;padding:.5em 2.5em;margin:3.5em 0;outline:none;border:none;border-radius:2em}@media all and (max-width: 500px){.settings{flex-direction:column;align-items:center}}