#coloring-container h2{font-size:1.125em;padding:.5em}#current-swatch{width:100%;background-color:#fff;height:25px;border-radius:5px;margin-bottom:1em;margin-top:-1em}#undo,#startover{width:100%;padding:10px;box-shadow:none;font-size:1em;border-style:none;border:1px solid #3f3f3f;background-color:#3f3f3f;color:#fff;transition:background-color 1s ease}#startover{border-bottom:2px solid #232323;margin-top:1.55em}#startover:hover{cursor:pointer;background-color:#636161}#undo{border-bottom:2px solid #232323}#undo:hover{cursor:pointer;background-color:#636161}#note{background-color:#fff;border:none;font-size:.85em}#coloring-main{float:left;width:85%}#coloring-main svg path{stroke:#000;fill:#fff;transition:fill .7s !important;stroke-width:2}#coloring-main svg path:hover{cursor:pointer}.node{stroke:#000;stroke-width:2}#coloring-sidebar{text-align:center;float:right;width:15%;background-color:#232323;color:#fff}#swatches{width:120px;margin:0 auto;padding:10px}.swatch-border{height:40px;width:40px}.swatch{width:40px;height:40px;border-radius:40px;float:left;margin:3px;border:3px solid rgba(0,0,0,0)}.swatch:hover{cursor:pointer}.swatch.active{border-color:#fff}@media screen and (max-width: 1200px){#coloring-container{margin-bottom:1.5em}.swatch{margin:6px}#coloring-sidebar{width:100%;float:right}#coloring-main{float:left;width:100%}#swatches{width:100%;padding:0 10px}.swatch{width:30px;height:30px;border-radius:30px}#current-swatch{display:none}#color-options{margin-top:1em;width:100%;float:left}#color-options button{width:50%;float:left;margin:0;border:1px solid #000}}/*# sourceMappingURL=wnet-coloring.css.map */