html,body{background-color:#ffd4be;height:100%;margin:0;padding:0}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.box{height:64vw;margin:auto;max-height:368px;max-width:460px;position:relative;width:80vw}.pencil-jar{background-color:#af9fa5;border-left:5px solid #98838b;border-bottom:5px solid #98838b;border-radius:0 0 15px 15px;border-right:5px solid #98838b;bottom:10%;height:60%;left:25%;opacity:0.7;position:absolute;width:50%;z-index:1}.pencil{height:90%;position:absolute;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;width:5%}.pencil .eraser{background-color:#ed6b86;border-radius:5px 5px 0 0;height:6%;position:absolute;width:100%}.pencil .metal{background-color:#857e7b;height:2%;position:absolute;top:6%;width:100%}.pencil .middle{background-color:#f9dc5c;height:80%;position:absolute;top:8%;width:100%}.pencil .tip{border-left:2vw solid transparent;border-right:2vw solid transparent;border-top:4vw solid #f1bb87;height:0;position:absolute;top:88%;width:0}@media (min-width: 576px){.pencil .tip{border-left:11.5px solid transparent;border-right:11.5px solid transparent;border-top:26px solid #f1bb87}}.pencil .lead{border-left:1vw solid transparent;border-right:1vw solid transparent;border-top:2vw solid #5d675b;height:0;left:1vw;position:absolute;top:92%;width:0}@media (min-width: 576px){.pencil .lead{border-left:5.75px solid transparent;border-right:5.75px solid transparent;border-top:13px solid #5d675b;left:5.75px}}.pencil:nth-child(2){bottom:9%;left:27%;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.pencil:nth-child(3){bottom:9%;left:30%;-webkit-transform:rotate(25deg);transform:rotate(25deg)}.pencil:nth-child(4){bottom:9%;left:33%;-webkit-transform:rotate(35deg);transform:rotate(35deg)}

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