@charset 'UTF-8';
/*
 * Beautiful Color
 */
/*
 * 垂直居中
 */
/*
 * 设置placeholder样式
 */
/*
 * flex 居中
 */
*
{
    box-sizing: border-box;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td
{
    margin: 0;
    padding: 0;
}

a,
a:hover,
a:active,
a:focus,
input,
input:hover,
input:active,
input:focus
{
    outline: none;
}

ul,
ol
{
    list-style: none;
}

body
{
    display: -webkit-box;
    display: flex;

    width: 100vw;
    height: 100vh;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

#canvas
{
    width: 100%;
    height: 100%;

    background-color: #f3f3f3;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY3NzIiwic291cmNlcyI6WyJpbmRleC5zY3NzIiwiX3V0aWwuc2NzcyIsIl9yZXNldC5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4vdXRpbCc7XHJcbkBpbXBvcnQgJ3Jlc2V0JztcclxuXHJcbmJvZHkge1xyXG5cdHdpZHRoOiAxMDB2dztcclxuXHRoZWlnaHQ6IDEwMHZoO1xyXG5cdEBpbmNsdWRlIGZsZXgtY2VudGVyO1xyXG59XHJcblxyXG4jY2FudmFzIHtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YzZjNmMztcclxufSIsIi8qXHJcbiAqIEJlYXV0aWZ1bCBDb2xvclxyXG4gKi9cclxuJHJlZDogI0U3NEMzQztcclxuJGRhcmstcmVkOiAjQzAzOTJCO1xyXG4kYmx1ZTogIzM0OThEQjtcclxuJGRhcmstYmx1ZTogIzI5ODBCOTtcclxuJHllbGxvdzogI0YxQzQwRjtcclxuJGRhcmsteWVsbG93OiAjRjM5QzEyO1xyXG4kZ3JlZW46ICMyRUNDNzE7XHJcbiRkYXJrLWdyZWVuOiAjMjdBRTYwO1xyXG4kb3JhbmdlOiAjRTY3RTIyO1xyXG4kZGFyay1vcmFuZ2U6ICNEMzU0MDA7XHJcbiRwdXJwbGU6ICM5QjU5QjY7XHJcbiRkYXJrLXB1cnBsZTogIzhFNDRBRDtcclxuJGRlZmF1bHQ6ICMzNDQ5NUU7XHJcbiRkYXJrLWRlZmF1bHQ6ICMyQzNFNTA7XHJcbiRncmF5OiAjOTVBNUE2O1xyXG4kZGFyay1ncmF5OiAjN0Y4QzhEO1xyXG4kYmxhY2s6ICMwMDA7XHJcbiR3aGl0ZTogI0ZGRjtcclxuJHRyOiB0cmFuc3BhcmVudDtcclxuJGNvbG9yczogKCRyZWQ6ICNFNzRDM0MsICRibHVlOiAjMzQ5OERCLCAkeWVsbG93OiAjRjFDNDBGLCAkZ3JlZW46ICMyRUNDNzEsICRvcmFuZ2U6ICNFNjdFMjIsICRwdXJwbGU6ICM5QjU5QjYpO1xyXG5cclxuJG5hdi1oZWlnaHQ6IDUwcHg7XHJcbi8qXHJcbiAqIOWeguebtOWxheS4rVxyXG4gKi9cclxuQG1peGluIHZlcnRpY2FsLWNlbnRlcigkcG9zOiAwKSB7XHJcblx0QGlmKCRwb3MgIT0gMCkge1xyXG5cdFx0cG9zaXRpb246ICRwb3M7XHJcblx0fVxyXG5cdHRvcDogNTAlO1xyXG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcclxufVxyXG5cclxuLypcclxuICog6K6+572ucGxhY2Vob2xkZXLmoLflvI9cclxuICovXHJcbkBtaXhpbiBwbGFjZWhvbGRlcigkY29sb3I6ICNDQ0MsICRmb250LXNpemU6IGluaGVyaXQpe1xyXG4gICAgJjo6LW1vei1wbGFjZWhvbGRlciB7XHJcbiAgICAgICAgY29sb3I6ICRjb2xvcjtcclxuICAgICAgICBmb250LXNpemU6ICRmb250LXNpemU7XHJcbiAgICB9XHJcbiAgICAmOi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XHJcbiAgICAgICAgY29sb3I6ICRjb2xvcjtcclxuICAgICAgICBmb250LXNpemU6ICRmb250LXNpemU7XHJcbiAgICB9XHJcbiAgICAmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcclxuICAgICAgICBjb2xvcjogJGNvbG9yO1xyXG4gICAgICAgIGZvbnQtc2l6ZTogJGZvbnQtc2l6ZTtcclxuICAgIH1cclxufVxyXG5cclxuLypcclxuICogZmxleCDlsYXkuK1cclxuICovXHJcbkBtaXhpbiBmbGV4LWNlbnRlciB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG59IiwiKiB7XHJcbiAgICAtd2Via2l0LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICAtbW96LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG59XHJcblxyXG5ib2R5LCBkaXYsIGRsLCBkdCwgZGQsIHVsLCBvbCwgbGksXHJcbmgxLCBoMiwgaDMsIGg0LCBoNSwgaDYsIHByZSwgY29kZSxcclxuZm9ybSwgZmllbGRzZXQsIGxlZ2VuZCwgaW5wdXQsIGJ1dHRvbixcclxudGV4dGFyZWEsIHAsIGJsb2NrcXVvdGUsIHRoLCB0ZCB7XHJcblx0bWFyZ2luOiAwO1xyXG5cdHBhZGRpbmc6IDA7XHJcbn1cclxuXHJcbmEsYTpob3ZlcixhOmFjdGl2ZSxhOmZvY3VzLGlucHV0LGlucHV0OmhvdmVyLGlucHV0OmFjdGl2ZSxpbnB1dDpmb2N1c3tcclxuXHRvdXRsaW5lOm5vbmU7XHJcbn1cclxuXHJcbnVsLCBvbCB7XHJcblx0bGlzdC1zdHlsZTogbm9uZTtcclxufSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FDQUE7O0dBRUc7QUF1Qkg7O0dBRUc7QUFTSDs7R0FFRztBQWdCSDs7R0FFRztBQ3hESCxBQUFBLENBQUMsQ0FBQztFQUNFLGtCQUFrQixFQUFFLFVBQVU7RUFDOUIsZUFBZSxFQUFFLFVBQVU7RUFDM0IsVUFBVSxFQUFFLFVBQVUsR0FDekI7O0FBRUQsQUFBQSxJQUFJLEVBQUUsQUFBQSxHQUFHLEVBQUUsQUFBQSxFQUFFLEVBQUUsQUFBQSxFQUFFLEVBQUUsQUFBQSxFQUFFLEVBQUUsQUFBQSxFQUFFLEVBQUUsQUFBQSxFQUFFLEVBQUUsQUFBQSxFQUFFO0FBQ2pDLEFBQUEsRUFBRSxFQUFFLEFBQUEsRUFBRSxFQUFFLEFBQUEsRUFBRSxFQUFFLEFBQUEsRUFBRSxFQUFFLEFBQUEsRUFBRSxFQUFFLEFBQUEsRUFBRSxFQUFFLEFBQUEsR0FBRyxFQUFFLEFBQUEsSUFBSTtBQUNqQyxBQUFBLElBQUksRUFBRSxBQUFBLFFBQVEsRUFBRSxBQUFBLE1BQU0sRUFBRSxBQUFBLEtBQUssRUFBRSxBQUFBLE1BQU07QUFDckMsQUFBQSxRQUFRLEVBQUUsQUFBQSxDQUFDLEVBQUUsQUFBQSxVQUFVLEVBQUUsQUFBQSxFQUFFLEVBQUUsQUFBQSxFQUFFLENBQUM7RUFDL0IsTUFBTSxFQUFFLENBQUM7RUFDVCxPQUFPLEVBQUUsQ0FBQyxHQUNWOztBQUVELEFBQUEsQ0FBQyxFQUFDLEFBQUEsQ0FBQyxBQUFBLE1BQU0sRUFBQyxBQUFBLENBQUMsQUFBQSxPQUFPLEVBQUMsQUFBQSxDQUFDLEFBQUEsTUFBTSxFQUFDLEFBQUEsS0FBSyxFQUFDLEFBQUEsS0FBSyxBQUFBLE1BQU0sRUFBQyxBQUFBLEtBQUssQUFBQSxPQUFPLEVBQUMsQUFBQSxLQUFLLEFBQUEsTUFBTSxDQUFBO0VBQ3BFLE9BQU8sRUFBQyxJQUFJLEdBQ1o7O0FBRUQsQUFBQSxFQUFFLEVBQUUsQUFBQSxFQUFFLENBQUM7RUFDTixVQUFVLEVBQUUsSUFBSSxHQUNoQjs7QUZqQkQsQUFBQSxJQUFJLENBQUM7RUFDSixLQUFLLEVBQUUsS0FBSztFQUNaLE1BQU0sRUFBRSxLQUFLO0VDcURWLE9BQU8sRUFBRSxJQUFJO0VBQ2IsZUFBZSxFQUFFLE1BQU07RUFDdkIsV0FBVyxFQUFFLE1BQU0sR0RyRHRCOztBQUVELEFBQUEsT0FBTyxDQUFDO0VBQ04sS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLGdCQUFnQixFQUFFLE9BQU8sR0FDMUIifQ== */