*{margin:0}button{cursor:pointer;border-radius:.5rem;font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;text-align:center}h1{font-size:3em;font-family:Arial,Helvetica,sans-serif;font-weight:700;padding-left:1.5rem;padding-top:1.2rem}h2{font-size:1.6em;font-family:Arial,Helvetica,sans-serif;padding-left:1.5rem;padding-right:1.4rem;margin-bottom:1rem}header{display:block;width:100%;margin-bottom:5vh}img{height:1.2rem;padding-top:.2rem;vertical-align:text-bottom}input{display:flex;border-radius:.5rem;font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;margin:auto;text-align:center;justify-content:center;float:center}main{height:100vh;display:flex;flex-direction:column;overflow:hidden}p{font-size:1.2rem;font-family:Arial,Helvetica,sans-serif;text-align:center}section{width:50%}select{width:10rem;display:flex;border-radius:.5rem;font-family:Arial,Helvetica,sans-serif;font-size:19px;cursor:pointer}.canvasArea{justify-content:center;border:none}.centerParent{flex-grow:1;text-align:center;justify-content:center}.color{width:6rem;height:6rem;border-radius:.3rem;display:inline-block;position:relative;cursor:pointer}.colorOverlay{border-radius:5px;padding:2px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:18px;z-index:1;white-space:nowrap}.colorRow{display:block;width:100%;height:6rem;text-align:center}.helvet{font-size:1.5em;font-family:Arial,Helvetica,sans-serif}.rotate{animation:rotateUpDown 3s infinite linear;display:inline-block;transform-origin:center}.sectionParent{display:flex;flex-direction:row;height:calc(100vh - 350px)}.sketch{margin-top:10px;display:flex;justify-content:center}@keyframes rotateUpDown{0%{transform:rotate(0)}25%{transform:rotate(-1.7deg)}50%{transform:rotate(0)}75%{transform:rotate(1.7deg)}to{transform:rotate(0)}}