html{background-color:#ab87ff;height:100%}body{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ab87ff;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.box{background:none;height:70vw;margin:auto;max-height:420px;max-width:600px;position:relative;width:100vw}.ruler{background-color:#ffff46;border-radius:4px;-webkit-box-shadow:0 0 10px #6421ff;box-shadow:0 0 10px #6421ff;height:100%;left:50%;overflow:hidden;padding:1% 0;position:absolute;top:5%;-webkit-transform:rotate(2deg);transform:rotate(2deg);width:20%}.ruler .eye{background-color:#3c3744;border-radius:50%;height:3%;position:absolute;top:10%;width:10%;z-index:2}.ruler .eye.left{left:35%}.ruler .eye.right{left:60%}.ruler .smile{background-color:#3c3744;border-radius:50%;height:10%;left:35%;position:absolute;top:10%;width:35%}.ruler .smile .mask{background-color:#ffff46;height:60%;left:-10%;position:absolute;top:-5%;width:120%}.ruler .smile .cutout{background-color:#ffff46;border-radius:50%;height:80%;left:10%;position:absolute;top:10%;width:80%}.ruler .line{background-color:#3c3744;height:1%;margin-bottom:5%;position:relative;width:15%}.ruler .line:nth-child(5n+1){width:20%}.pencil{height:100%;left:30%;position:absolute;top:5%;-webkit-transform:rotate(350deg);transform:rotate(350deg);width:5%}.pencil .eraser{background-color:#fface4;border-radius:5px 5px 0 0;height:8%;position:absolute;width:100%}.pencil .metal{background-color:#37515f;height:2%;position:absolute;top:8%;width:100%}.pencil .middle{background-color:#8edce6;height:80%;position:absolute;top:10%;width:100%}.pencil .tip{background-color:#c5a48a;height:10%;position:absolute;top:90%;width:100%}.pencil .lead{background-color:#3c3744;height:40%;position:absolute;top:60%;width:100%}.pencil .mask{background-color:#ab87ff;height:20%;position:absolute;top:90%;width:100%}.pencil .mask.left{left:-100%;-webkit-transform:rotate(340deg);transform:rotate(340deg);-webkit-transform-origin:100% 0;transform-origin:100% 0}.pencil .mask.right{right:-100%;-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:0 0;transform-origin:0 0}.pencil .eye{background-color:#3c3744;border-radius:50%;height:2%;position:absolute;top:5%;width:20%;z-index:2}.pencil .eye.left{left:20%}.pencil .eye.right{left:60%}.pencil .smile{background-color:#3c3744;border-radius:50%;height:8%;left:20%;position:absolute;top:5%;width:60%}.pencil .smile .mask{background-color:#8edce6;height:60%;left:-10%;position:absolute;top:-5%;width:120%}.pencil .smile .cutout{background-color:#8edce6;border-radius:50%;height:70%;left:15%;position:absolute;top:15%;width:70%}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxLQUFLLHlCQUF5QixXQUFXLENBQUMsS0FBSyx5QkFBbUIsQUFBbkIsc0JBQW1CLEFBQW5CLG1CQUFtQix5QkFBeUIsb0JBQWEsQUFBYixvQkFBYSxBQUFiLGFBQWEsWUFBWSx3QkFBdUIsQUFBdkIscUJBQXVCLEFBQXZCLHVCQUF1QixTQUFTLFNBQVMsQ0FBQyxxQkFBcUIsOEJBQXFCLEFBQXJCLHFCQUFxQixDQUFDLEtBQUssZ0JBQWdCLFlBQVksWUFBWSxpQkFBaUIsZ0JBQWdCLGtCQUFrQixXQUFXLENBQUMsT0FBTyx5QkFBeUIsa0JBQWtCLG9DQUE0QixBQUE1Qiw0QkFBNEIsWUFBWSxTQUFTLGdCQUFnQixhQUFhLGtCQUFrQixPQUFPLCtCQUF1QixBQUF2Qix1QkFBdUIsU0FBUyxDQUFDLFlBQVkseUJBQXlCLGtCQUFrQixVQUFVLGtCQUFrQixRQUFRLFVBQVUsU0FBUyxDQUFDLGlCQUFpQixRQUFRLENBQUMsa0JBQWtCLFFBQVEsQ0FBQyxjQUFjLHlCQUF5QixrQkFBa0IsV0FBVyxTQUFTLGtCQUFrQixRQUFRLFNBQVMsQ0FBQyxvQkFBb0IseUJBQXlCLFdBQVcsVUFBVSxrQkFBa0IsUUFBUSxVQUFVLENBQUMsc0JBQXNCLHlCQUF5QixrQkFBa0IsV0FBVyxTQUFTLGtCQUFrQixRQUFRLFNBQVMsQ0FBQyxhQUFhLHlCQUF5QixVQUFVLGlCQUFpQixrQkFBa0IsU0FBUyxDQUFDLDZCQUE2QixTQUFTLENBQUMsUUFBUSxZQUFZLFNBQVMsa0JBQWtCLE9BQU8saUNBQXlCLEFBQXpCLHlCQUF5QixRQUFRLENBQUMsZ0JBQWdCLHlCQUF5QiwwQkFBMEIsVUFBVSxrQkFBa0IsVUFBVSxDQUFDLGVBQWUseUJBQXlCLFVBQVUsa0JBQWtCLE9BQU8sVUFBVSxDQUFDLGdCQUFnQix5QkFBeUIsV0FBVyxrQkFBa0IsUUFBUSxVQUFVLENBQUMsYUFBYSx5QkFBeUIsV0FBVyxrQkFBa0IsUUFBUSxVQUFVLENBQUMsY0FBYyx5QkFBeUIsV0FBVyxrQkFBa0IsUUFBUSxVQUFVLENBQUMsY0FBYyx5QkFBeUIsV0FBVyxrQkFBa0IsUUFBUSxVQUFVLENBQUMsbUJBQW1CLFdBQVcsaUNBQXlCLEFBQXpCLHlCQUF5QixnQ0FBdUIsQUFBdkIsdUJBQXVCLENBQUMsb0JBQW9CLFlBQVksZ0NBQXdCLEFBQXhCLHdCQUF3Qiw2QkFBb0IsQUFBcEIsb0JBQW9CLENBQUMsYUFBYSx5QkFBeUIsa0JBQWtCLFVBQVUsa0JBQWtCLE9BQU8sVUFBVSxTQUFTLENBQUMsa0JBQWtCLFFBQVEsQ0FBQyxtQkFBbUIsUUFBUSxDQUFDLGVBQWUseUJBQXlCLGtCQUFrQixVQUFVLFNBQVMsa0JBQWtCLE9BQU8sU0FBUyxDQUFDLHFCQUFxQix5QkFBeUIsV0FBVyxVQUFVLGtCQUFrQixRQUFRLFVBQVUsQ0FBQyx1QkFBdUIseUJBQXlCLGtCQUFrQixXQUFXLFNBQVMsa0JBQWtCLFFBQVEsU0FBUyxDQUFDIiwiZmlsZSI6ImluZGV4LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImh0bWx7YmFja2dyb3VuZC1jb2xvcjojYWI4N2ZmO2hlaWdodDoxMDAlfWJvZHl7YWxpZ24taXRlbXM6Y2VudGVyO2JhY2tncm91bmQtY29sb3I6I2FiODdmZjtkaXNwbGF5OmZsZXg7aGVpZ2h0OjEwMCU7anVzdGlmeS1jb250ZW50OmNlbnRlcjttYXJnaW46MDtwYWRkaW5nOjB9KiwqOjpiZWZvcmUsKjo6YWZ0ZXJ7Ym94LXNpemluZzpib3JkZXItYm94fS5ib3h7YmFja2dyb3VuZDpub25lO2hlaWdodDo3MHZ3O21hcmdpbjphdXRvO21heC1oZWlnaHQ6NDIwcHg7bWF4LXdpZHRoOjYwMHB4O3Bvc2l0aW9uOnJlbGF0aXZlO3dpZHRoOjEwMHZ3fS5ydWxlcntiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmNDY7Ym9yZGVyLXJhZGl1czo0cHg7Ym94LXNoYWRvdzowIDAgMTBweCAjNjQyMWZmO2hlaWdodDoxMDAlO2xlZnQ6NTAlO292ZXJmbG93OmhpZGRlbjtwYWRkaW5nOjElIDA7cG9zaXRpb246YWJzb2x1dGU7dG9wOjUlO3RyYW5zZm9ybTpyb3RhdGUoMmRlZyk7d2lkdGg6MjAlfS5ydWxlciAuZXlle2JhY2tncm91bmQtY29sb3I6IzNjMzc0NDtib3JkZXItcmFkaXVzOjUwJTtoZWlnaHQ6MyU7cG9zaXRpb246YWJzb2x1dGU7dG9wOjEwJTt3aWR0aDoxMCU7ei1pbmRleDoyfS5ydWxlciAuZXllLmxlZnR7bGVmdDozNSV9LnJ1bGVyIC5leWUucmlnaHR7bGVmdDo2MCV9LnJ1bGVyIC5zbWlsZXtiYWNrZ3JvdW5kLWNvbG9yOiMzYzM3NDQ7Ym9yZGVyLXJhZGl1czo1MCU7aGVpZ2h0OjEwJTtsZWZ0OjM1JTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MTAlO3dpZHRoOjM1JX0ucnVsZXIgLnNtaWxlIC5tYXNre2JhY2tncm91bmQtY29sb3I6I2ZmZmY0NjtoZWlnaHQ6NjAlO2xlZnQ6LTEwJTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6LTUlO3dpZHRoOjEyMCV9LnJ1bGVyIC5zbWlsZSAuY3V0b3V0e2JhY2tncm91bmQtY29sb3I6I2ZmZmY0Njtib3JkZXItcmFkaXVzOjUwJTtoZWlnaHQ6ODAlO2xlZnQ6MTAlO3Bvc2l0aW9uOmFic29sdXRlO3RvcDoxMCU7d2lkdGg6ODAlfS5ydWxlciAubGluZXtiYWNrZ3JvdW5kLWNvbG9yOiMzYzM3NDQ7aGVpZ2h0OjElO21hcmdpbi1ib3R0b206NSU7cG9zaXRpb246cmVsYXRpdmU7d2lkdGg6MTUlfS5ydWxlciAubGluZTpudGgtY2hpbGQoNW4rMSl7d2lkdGg6MjAlfS5wZW5jaWx7aGVpZ2h0OjEwMCU7bGVmdDozMCU7cG9zaXRpb246YWJzb2x1dGU7dG9wOjUlO3RyYW5zZm9ybTpyb3RhdGUoMzUwZGVnKTt3aWR0aDo1JX0ucGVuY2lsIC5lcmFzZXJ7YmFja2dyb3VuZC1jb2xvcjojZmZhY2U0O2JvcmRlci1yYWRpdXM6NXB4IDVweCAwIDA7aGVpZ2h0OjglO3Bvc2l0aW9uOmFic29sdXRlO3dpZHRoOjEwMCV9LnBlbmNpbCAubWV0YWx7YmFja2dyb3VuZC1jb2xvcjojMzc1MTVmO2hlaWdodDoyJTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6OCU7d2lkdGg6MTAwJX0ucGVuY2lsIC5taWRkbGV7YmFja2dyb3VuZC1jb2xvcjojOGVkY2U2O2hlaWdodDo4MCU7cG9zaXRpb246YWJzb2x1dGU7dG9wOjEwJTt3aWR0aDoxMDAlfS5wZW5jaWwgLnRpcHtiYWNrZ3JvdW5kLWNvbG9yOiNjNWE0OGE7aGVpZ2h0OjEwJTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6OTAlO3dpZHRoOjEwMCV9LnBlbmNpbCAubGVhZHtiYWNrZ3JvdW5kLWNvbG9yOiMzYzM3NDQ7aGVpZ2h0OjQwJTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6NjAlO3dpZHRoOjEwMCV9LnBlbmNpbCAubWFza3tiYWNrZ3JvdW5kLWNvbG9yOiNhYjg3ZmY7aGVpZ2h0OjIwJTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6OTAlO3dpZHRoOjEwMCV9LnBlbmNpbCAubWFzay5sZWZ0e2xlZnQ6LTEwMCU7dHJhbnNmb3JtOnJvdGF0ZSgzNDBkZWcpO3RyYW5zZm9ybS1vcmlnaW46MTAwJSAwfS5wZW5jaWwgLm1hc2sucmlnaHR7cmlnaHQ6LTEwMCU7dHJhbnNmb3JtOnJvdGF0ZSgyMGRlZyk7dHJhbnNmb3JtLW9yaWdpbjowIDB9LnBlbmNpbCAuZXlle2JhY2tncm91bmQtY29sb3I6IzNjMzc0NDtib3JkZXItcmFkaXVzOjUwJTtoZWlnaHQ6MiU7cG9zaXRpb246YWJzb2x1dGU7dG9wOjUlO3dpZHRoOjIwJTt6LWluZGV4OjJ9LnBlbmNpbCAuZXllLmxlZnR7bGVmdDoyMCV9LnBlbmNpbCAuZXllLnJpZ2h0e2xlZnQ6NjAlfS5wZW5jaWwgLnNtaWxle2JhY2tncm91bmQtY29sb3I6IzNjMzc0NDtib3JkZXItcmFkaXVzOjUwJTtoZWlnaHQ6OCU7bGVmdDoyMCU7cG9zaXRpb246YWJzb2x1dGU7dG9wOjUlO3dpZHRoOjYwJX0ucGVuY2lsIC5zbWlsZSAubWFza3tiYWNrZ3JvdW5kLWNvbG9yOiM4ZWRjZTY7aGVpZ2h0OjYwJTtsZWZ0Oi0xMCU7cG9zaXRpb246YWJzb2x1dGU7dG9wOi01JTt3aWR0aDoxMjAlfS5wZW5jaWwgLnNtaWxlIC5jdXRvdXR7YmFja2dyb3VuZC1jb2xvcjojOGVkY2U2O2JvcmRlci1yYWRpdXM6NTAlO2hlaWdodDo3MCU7bGVmdDoxNSU7cG9zaXRpb246YWJzb2x1dGU7dG9wOjE1JTt3aWR0aDo3MCV9XG4iXX0= */