@import url(https://fonts.googleapis.com/css?family=Work+Sans);.board-tools{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.board-tools__send.box{margin-left:10rem;background-color:#398992;border:1px solid #2b676d;color:#fff}.reload{margin-left:4rem}#keyboard{position:fixed;left:0;right:0;bottom:0;z-index:1000;width:100%;max-width:1000px;margin:0 auto;padding:1em;background-color:#eee;-webkit-box-shadow:0 -3px 10px rgba(0,0,0,.3);box-shadow:0 -3px 10px rgba(0,0,0,.3);border-radius:10px}.color-picker{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.color-picker__box{border-radius:.25rem;position:relative;color:#7f7f7f;border:1px solid #222;padding:0}.color-picker__box .fa{margin:0 -1rem;padding:0 1.2rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.4)}.color-picker__picker{background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);max-height:90vh;min-width:28rem;position:absolute;padding:1rem;top:3.2rem;overflow:auto;z-index:21}.color-picker__picker__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.color-picker__picker__row__box{border-radius:.2rem;height:2.5rem;margin:.1rem;width:2.5rem}.color-picker__picker__row__big{border:1px solid rgba(0,0,0,.3);border-radius:.2rem;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin:.1rem;height:2.5rem}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-height:6vh;padding-top:1.2rem}.footer__logo{margin:0 5rem;max-height:6vh}.footer__element{font-size:2rem}.arrow{border:0}.size-picker{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.size-picker__box{background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);position:absolute;top:3.5rem;left:-8.5rem;display:grid;grid-template-columns:25% 25% 25% 25%;margin:auto;padding:.25rem;width:28rem;z-index:21}.selected-size{background:#ecf6f8;border-radius:1rem;border-color:#398992;-webkit-box-shadow:inset 0 0 10px rgba(57,137,146,.8);box-shadow:inset 0 0 10px rgba(57,137,146,.8)}body{margin:0;padding:0;background-color:#fefefe;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Work Sans,sans-serif;overflow:hidden;-ms-touch-action:pan-y;touch-action:pan-y;color:#222}.box{background-color:#fff;border:1px solid #ccc;border-radius:15rem;height:2.5rem;margin:.25rem;min-width:2.5rem;padding:0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1rem;font-weight:700;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}.box.active{-webkit-box-shadow:inset 0 0 10px rgba(57,137,146,.8);box-shadow:inset 0 0 10px rgba(57,137,146,.8);background:#ecf6f8;border-color:#398992}.box__arrow{border:0;background-color:inherit}.box__icon{padding-right:.5rem}.drawing-board{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.drawing-board,.form-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:.5rem;padding-top:.5rem}.form-group__label{min-width:200px}.form-group__input{width:inherit;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;padding:1rem .75rem;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:.25rem;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.form-group__input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.canvas-board{margin:auto}