*{position:relative}html{--color-hair:#6d4c41;--color-hair-light:#795548;--color-hair-dark:#3e2723;--color-skin:#ffecb3;--color-skin-dark:#ddcaa2;--color-dark:#333;--color-light:#fff;--color-belt:#616161;--color-belt-dark:#212121;--color-buckle:#e0e0e0;--color-shirt:#90caf9;--color-shirt-light:#bbdefb;--color-shirt-dark:#03a9f4;--color-legs:#1565c0;--color-legs-light:#1e88e5;--color-legs-dark:#0d47a1;--color-brush:#757575;--color-brush-metal:#e0e0e0;--color-brush-handle:#ef5350;--color-paints-board:#a1887f;--color-paints-board-dark:#8d6e63;--color-paints-1:#ffb300;--color-paints-2:#4caf50;--color-paints-3:#ec407a;--color-easel:#8d6e63;--color-easel-dark:#6d4c41;--speed-loop:1.8s;--size-head:8rem;--size-torso:4.2rem;--size-arms:8rem;--size-legs:9rem}html,body{width:100%;height:100%;margin:0;padding:0}body{flex-direction:row-reverse;justify-content:center;align-items:center;display:flex}.paint-splashes .drip{background-color:var(--color-paints-1);width:.5rem;height:.5rem;animation:left-drips var(--speed-loop)infinite ease-out;animation-delay:calc(var(--speed-loop)/-.95);border-radius:50%;position:absolute;top:.1rem;transform:rotate(50deg)}.paint-splashes .drip.left{transform-origin:-500% 100%;left:-8.2rem}.paint-splashes .drip.left:nth-child(2){transform-origin:-700% 150%}.paint-splashes .drip.left:nth-child(3){transform-origin:-650%}.paint-splashes .drip.right{transform-origin:800% 100%;animation:right-drips var(--speed-loop)infinite ease-out;animation-delay:calc(var(--speed-loop)/-1.95);right:-4.8rem}.paint-splashes .drip.right:nth-child(2){transform-origin:700% 250%}.paint-splashes .drip.right:nth-child(3){transform-origin:650%}.canvas{z-index:5;background-color:#dedede;border:.5rem solid #dedede;width:5rem;height:5rem;transform:translate(-50%)translateY(-50%)skew(-8deg)}.canvas:before{content:"";background-color:var(--color-easel);width:80%;height:.5rem;display:block;position:absolute;top:calc(100% + .5rem);left:10%}.canvas:after{content:"";background-color:var(--color-easel);width:.5rem;height:2rem;display:block;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.canvas .painting{background-color:#90caf9;width:100%;height:100%;overflow:hidden}.canvas .painting:after{content:"";background-color:var(--color-paints-1);border-radius:50%;width:40%;height:40%;margin:.4rem;display:block}.canvas .painting:before{content:"";background-color:var(--color-paints-2);border-radius:50%;width:200%;height:100%;margin:.4rem;display:block;position:absolute;bottom:-70%;left:-50%}.bob{width:0}.bob>*{transform:translate(-50%)}.bob .head{z-index:10;width:var(--size-head);transform-origin:50% 70%;animation:head var(--speed-loop)infinite ease-in-out}.bob .head .fro{width:var(--size-head);height:calc(var(--size-head)*.9);background-color:var(--color-hair);animation:fro var(--speed-loop)infinite;background-image:radial-gradient(var(--color-hair-dark),var(--color-hair-light));border-radius:50%}.bob .head .face{top:calc(var(--size-head)*.5);left:calc(var(--size-head)*.25);width:calc(var(--size-head)*.5);height:calc(var(--size-head)*.6);background-color:var(--color-skin);border-radius:0% 0% 50% 50%;position:absolute}.bob .head .face:before,.bob .head .face:after{content:"";width:calc(var(--size-head)*.3);height:calc(var(--size-head)*.25);background-color:var(--color-skin);border-radius:50%;display:block;position:absolute;top:0;transform:translateY(-50%)}.bob .head .face:after{right:0}.bob .head .eyes{background-color:var(--color-skin);width:calc(var(--size-head)*.6);height:calc(var(--size-head)*.6);top:calc(var(--size-head)*.4);left:calc(var(--size-head)*.2);border-radius:50% 50% 60% 60%;position:absolute}.bob .head .eyes .eye{width:calc(var(--size-head)*.1);height:calc(var(--size-head)*.1);border:solid .1rem var(--color-light);background-color:#000;border-radius:50%;display:block;position:absolute;top:1rem}.bob .head .eyes .eye:before{content:"";width:calc(var(--size-head)*.17);height:calc(var(--size-head)*.03);border-top:solid calc(var(--size-head)*.03)var(--color-hair);border-radius:50%;display:block;position:absolute;top:-70%;left:-35%}.bob .head .eyes .eye:after{content:"";width:calc(var(--size-head)*.02);height:calc(var(--size-head)*.02);background-color:var(--color-light);border-radius:50%;display:block;position:absolute;top:20%;right:20%}.bob .head .eyes .eye:first-child{left:calc(var(--size-head)*.12)}.bob .head .eyes .eye:nth-child(2){right:calc(var(--size-head)*.12)}.bob .head .beard{background-color:var(--color-hair);top:calc(var(--size-head)*.75);left:calc(var(--size-head)*.28);width:calc(var(--size-head)*.45);height:calc(var(--size-head)*.4);border-radius:20% 20% 50% 50%;display:block;position:absolute}.bob .head .stash{background-color:var(--color-hair);top:calc(var(--size-head)*.7);left:calc(var(--size-head)*.25);width:calc(var(--size-head)*.5);height:calc(var(--size-head)*.3);border-radius:50%;display:block;position:absolute}.bob .head .stash:before,.bob .head .stash:after{content:"";width:calc(var(--size-head)*.2);height:calc(var(--size-head)*.22);background-color:var(--color-skin);transform-origin:50% 0;border-radius:50%;display:block;position:absolute;top:45%;left:50%}.bob .head .stash:after{transform:translate(-40%)rotate(50deg)}.bob .head .stash:before{transform:translate(-60%)rotate(-50deg)}.bob .head .mouth{background-color:var(--color-light);top:calc(var(--size-head)*.79);left:calc(var(--size-head)*.365);width:calc(var(--size-head)*.28);height:calc(var(--size-head)*.07);border-top-left-radius:20%;border-top-right-radius:20%;border-bottom-left-radius:calc(var(--size-head)*.28);border-bottom-right-radius:calc(var(--size-head)*.28);border-bottom:solid .5rem var(--color-dark);display:block;position:absolute}.bob .head .nose{background-color:var(--color-skin);top:calc(var(--size-head)*.7);left:calc(var(--size-head)*.425);width:calc(var(--size-head)*.15);height:calc(var(--size-head)*.05);border-bottom-left-radius:calc(var(--size-head)*.15);border-bottom-right-radius:calc(var(--size-head)*.15);border-bottom:solid .2rem var(--color-dark);display:block;position:absolute}.bob .torso{--torso-height:calc(var(--size-torso)*1.3);z-index:5;height:var(--torso-height);width:var(--torso-width);transform-origin:50% 0;background-color:var(--color-skin);animation:torso var(--speed-loop)infinite ease-in-out}.bob .torso .shirt{border-top:var(--torso-height)solid var(--color-shirt);border-left:calc(var(--size-torso)*.2)solid transparent;border-right:calc(var(--size-torso)*.2)solid transparent;height:0;width:var(--size-torso);background:linear-gradient(90deg,#1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);transform:translate(-50%)}.bob .torso .shirt:after{content:"";width:var(--size-torso);height:calc(var(--size-torso)*.5);background-color:var(--color-shirt);border-bottom-left-radius:var(--size-torso);border-bottom-right-radius:var(--size-torso);display:block;position:absolute;top:100%;left:0}.bob .torso .buttons{border-right:dotted calc(var(--size-torso)*.09)var(--color-shirt-dark);width:0;height:var(--torso-height);position:absolute;top:0;left:50%;transform:translate(-50%)}.bob .torso .buttons:after{content:"";border-left:calc(var(--size-torso)*.4)solid transparent;border-right:calc(var(--size-torso)*.4)solid transparent;border-top:calc(var(--size-torso)*.38)solid var(--color-shirt-dark);width:0;height:0;transform:translatex(calc(var(--size-torso)*.045 - 50%));display:block;position:absolute;top:25%;left:0}.bob .torso .chest{border-left:calc(var(--size-torso)*.3)solid transparent;border-right:calc(var(--size-torso)*.3)solid transparent;border-top:calc(var(--size-torso)*.7)solid var(--color-skin);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.bob .torso .collar{width:0;height:0;position:absolute;top:0;left:50%}.bob .torso .collar>*{width:calc(var(--size-torso)*.35);height:calc(var(--size-torso)*.55);transform-origin:50% 0;background-color:var(--color-shirt-light);position:absolute;top:0;left:0}.bob .torso .collar .left{transform:translateY(-20%)translate(-140%)skew(-30deg)rotate(-20deg)}.bob .torso .collar .right{transform:translateY(-20%)translate(40%)skew(30deg)rotate(20deg)}.bob .legs{--size-hips:calc(var(--size-torso)*1.02);z-index:8;width:var(--size-hips);height:var(--size-legs);animation:hips var(--speed-loop)infinite ease-in-out}.bob .legs:after{content:"";background-color:var(--color-legs);border-bottom-left-radius:var(--size-hips);border-bottom-right-radius:var(--size-hips);width:100%;height:30%;display:block}.bob .legs .leg{width:calc(var(--size-hips)*.55);height:calc(var(--size-legs)*1);transform-origin:50% 0;position:absolute;top:0}.bob .legs .leg .upper-leg{background-color:var(--color-legs);border-radius:50% 50% 25% 25%;width:100%;height:55%}.bob .legs .leg .lower-leg{background-color:var(--color-legs);transform-origin:30% 20%;border-radius:25% 25% 0 0;width:100%;height:55%;transform:translateY(-33%)}.bob .legs .leg .shoe{bottom:calc(var(--size-hips)*-.1);background-color:var(--color-dark);border-radius:50% 50% 30% 10%;width:130%;height:30%;position:absolute}.bob .legs .leg.left{animation:left-leg var(--speed-loop)infinite ease-in-out;left:0}.bob .legs .leg.left .lower-leg{animation:left-lower-leg var(--speed-loop)infinite ease-in-out}.bob .legs .leg.left .shoe{transform-origin:100% 100%;animation:left-shoe var(--speed-loop)infinite ease-in-out;border-radius:50% 50% 10% 30%;right:0}.bob .legs .leg.right{animation:right-leg var(--speed-loop)infinite ease-in-out;right:0}.bob .legs .leg.right .lower-leg{animation:right-lower-leg var(--speed-loop)infinite ease-in-out}.bob .legs .leg.right .shoe{transform-origin:0 100%;animation:right-shoe var(--speed-loop)infinite ease-in-out;left:0}.bob .legs .belt{--belt-height:calc(var(--size-hips)*.15);background-color:var(--color-belt);width:var(--size-hips);height:var(--belt-height);border-bottom:calc(var(--belt-height)*.15)solid var(--color-legs-dark);border-top:calc(var(--belt-height)*.15)solid var(--color-shirt-dark);position:absolute;top:0}.bob .legs .belt .buckle{background-color:var(--color-belt-dark);height:calc(var(--belt-height)*.25);width:calc(var(--belt-height)*.5);padding:calc(var(--belt-height)*.25);border:calc(var(--belt-height)*.25)solid var(--color-buckle);border-radius:10%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.bob .legs .belt .buckle:after{content:"";background-color:var(--color-buckle);width:50%;height:20%;display:block;position:absolute;top:50%;right:0}.bob .arm{--arm-width:calc(var(--size-arms)*.2);z-index:9;width:var(--arm-width);height:var(--size-arms);top:calc(var(--size-head)*.9);transform-origin:50% 0;position:absolute;transform:translate(-50%)rotate(0)}.bob .arm .upper-arm{z-index:5;background-color:var(--color-shirt);border-bottom-left-radius:calc(var(--arm-width)*.5);border-bottom-right-radius:calc(var(--arm-width)*.5);border-top-left-radius:calc(var(--arm-width)*.5);border-top-right-radius:calc(var(--arm-width)*.5);width:95%;height:40%}.bob .arm .lower-arm{z-index:1;background-color:var(--color-skin);border-radius:calc(var(--arm-width)*.6)calc(var(--arm-width)*.6)0 0;transform-origin:50% 10%;width:60%;height:60%;position:absolute;top:30%}.bob .arm .lower-arm:before{content:"";background-color:var(--color-shirt);border-radius:50% 50% 0 0;width:140%;height:48%;display:block;position:absolute;top:-10%}.bob .arm .lower-arm:after{content:"";background-color:var(--color-shirt-light);width:170%;height:20%;display:block;position:absolute;top:30%}.bob .arm .lower-arm .hand{--hand-size:calc(var(--arm-width)*1);z-index:3;width:var(--hand-size);height:var(--hand-size);background-color:var(--color-skin);border-radius:calc(var(--arm-width)*.5);background-image:radial-gradient(var(--color-skin-dark),var(--color-skin));position:absolute;bottom:0}.bob .arm .lower-arm .hand .thumb{--thumb-size:calc(var(--hand-size)*.8);z-index:3;width:var(--thumb-size);height:calc(var(--hand-size)*.45);background-color:var(--color-skin);position:absolute;bottom:0}.bob .arm.left{right:calc(var(--size-torso)*.7 - var(--arm-width));animation:left-arm var(--speed-loop)infinite ease-in-out}.bob .arm.left .upper-arm{border-top-left-radius:50%}.bob .arm.left .lower-arm{animation:left-lower-arm var(--speed-loop)infinite ease-in-out;left:0}.bob .arm.left .lower-arm:before{left:2%}.bob .arm.left .lower-arm:after{border-radius:0 0 40% 20%;left:-30%;transform:skew(10deg)}.bob .arm.left .hand{animation:left-hand var(--speed-loop)infinite ease-in-out}.bob .arm.left .hand .thumb{border-radius:50% 50% 20%;top:5%;left:20%;transform:rotate(30deg)}.bob .arm.right{left:calc(var(--size-torso)*.7);animation:right-arm var(--speed-loop)infinite ease-in-out}.bob .arm.right .upper-arm{border-top-right-radius:50%}.bob .arm.right .lower-arm{animation:right-lower-arm var(--speed-loop)infinite ease-in-out;right:10%}.bob .arm.right .lower-arm:before{right:0%}.bob .arm.right .lower-arm:after{border-radius:0 0 20% 40%;right:-30%;transform:skew(-10deg)}.bob .arm.right .hand{animation:right-hand var(--speed-loop)infinite ease}.bob .arm.right .hand .thumb{border-radius:50% 50% 50% 20%;top:25%;right:20%;transform:rotate(-30deg)}.bob .shadow{background-color:var(--color-dark);filter:blur(10px);opacity:.8;border-radius:30%;width:8rem;height:.5rem;transform:translateY(-140%)translate(-50%)}.paint-brush{--handle-length:calc(var(--size-arms)*.3);width:var(--handle-length);height:calc(var(--handle-length)*.25);background-color:var(--color-brush-handle);border-left:calc(var(--handle-length)*.1)solid var(--color-brush-metal);transform-origin:80%;border-radius:0 100% 100% 0;position:absolute;top:35%;right:-10%;transform:rotate(10deg)}.paint-brush .brush{--brush-size:calc(var(--handle-length)*.4);width:calc(var(--brush-size)*1);height:var(--brush-size);background-color:var(--color-brush);top:-50%;right:calc(100% + var(--handle-length)*.1);border-radius:0 50% 50%;position:absolute;transform:rotate(-45deg)}.paint-brush .brush:after{content:"";width:calc(var(--brush-size)*.9);height:var(--brush-size);background-color:var(--color-paints-1);transform-origin:70%;animation:brush var(--speed-loop)infinite ease-in-out;border-radius:0 50% 50%;display:block;position:absolute;top:-30%;left:-40%;transform:rotate(-45deg)}.paints{--size-paints:calc(var(--size-arms)*.5);width:calc(var(--size-paints)*1);height:calc(var(--size-paints)*.8);background-color:var(--color-paints-board);border-bottom:solid calc(var(--size-paints)*.05)var(--color-paints-board-dark);transform-origin:80%;border-radius:50%;position:absolute;top:-10%;left:-30%;transform:rotate(10deg)}.paints:after{content:"";width:calc(var(--size-paints)*.25);height:calc(var(--size-paints)*.25);background-color:var(--color-paints-board-dark);border-radius:50%;display:block;position:absolute;top:22%;left:18%}.paints .paint{width:calc(var(--size-paints)*.2);height:calc(var(--size-paints)*.2);background-color:var(--color-paints-1);border-radius:50%;position:absolute;top:18%;right:27%}.paints .paint:after{content:"";background-color:inherit;border-radius:50%;width:50%;height:50%;display:block;position:absolute;bottom:-10%}.paints .paint:before{content:"";background-color:inherit;border-radius:50%;width:75%;height:75%;display:block;position:absolute;top:10%;right:-10%}.paints .paint:nth-child(2){background-color:var(--color-paints-2);top:38%;right:10%}.paints .paint:nth-child(2):after{bottom:90%;right:10%}.paints .paint:nth-child(3){background-color:var(--color-paints-3);top:65%;right:35%}.paints .paint:nth-child(3):after{bottom:90%;right:80%}@keyframes torso{0%{transform:rotate(-20deg)}16.6%{transform:rotate(5deg)}33.2%{transform:rotate(-5deg)}50%{transform:rotate(20deg)}66.6%{transform:rotate(-5deg)}83.3%{transform:rotate(5deg)}to{transform:rotate(-20deg)}}@keyframes fro{0%{transform:translate(2%)rotate(-3deg)}16.6%{transform:translate(-1%)rotate(1deg)}33.2%{transform:translate(1%)rotate(-1deg)}50%{transform:translate(-2%)rotate(3deg)}66.6%{transform:translate(1%)rotate(-1deg)}83.3%{transform:translate(-1%)rotate(1deg)}to{transform:translate(2%)rotate(-3deg)}}@keyframes left-drips{0%{opacity:0;transform:rotate(0)}.01%{opacity:1;transform:rotate(0)}40%{opacity:0;transform:rotate(-100deg)}to{opacity:0;transform:rotate(0)}}@keyframes right-drips{0%{opacity:0;transform:rotate(0)}.01%{opacity:1;transform:rotate(0)}40%{opacity:0;transform:rotate(100deg)}to{opacity:0;transform:rotate(0)}}@keyframes head{0%{transform:translate(-50%)rotate(5deg)}16.6%{transform:translate(-50%)rotate(-2deg)}33.2%{transform:translate(-50%)rotate(2deg)}50%{transform:translate(-50%)rotate(-5deg)}66.6%{transform:translate(-50%)rotate(2deg)}83.3%{transform:translate(-50%)rotate(-2deg)}to{transform:translate(-50%)rotate(5deg)}}@keyframes hips{0%{transform:translate(-25%)rotate(10deg)}16.6%{transform:translate(-55%)rotate(-2deg)}33.2%{transform:translate(-45%)rotate(2deg)}50%{transform:translate(-75%)rotate(-10deg)}66.6%{transform:translate(-45%)rotate(2deg)}83.3%{transform:translate(-55%)rotate(-2deg)}to{transform:translate(-25%)rotate(10deg)}}@keyframes left-leg{0%{transform:rotate(30deg)}16.6%{transform:rotate(0)}33.2%{transform:rotate(0)}50%{transform:rotate(0)}66.6%{transform:rotate(0)}83.3%{transform:rotate(0)}to{transform:rotate(30deg)}}@keyframes left-lower-leg{0%{transform:translateY(-33%)rotate(-40deg)}16.6%{transform:translateY(-33%)rotate(0)}33.2%{transform:translateY(-33%)rotate(0)}50%{transform:translateY(-33%)rotate(0)}66.6%{transform:translateY(-33%)rotate(0)}83.3%{transform:translateY(-33%)rotate(0)}to{transform:translateY(-33%)rotate(-40deg)}}@keyframes left-shoe{0%{transform:rotate(-20deg)}16.6%{transform:rotate(0)}33.2%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}66.6%{transform:rotate(-5deg)}83.3%{transform:rotate(0)}to{transform:rotate(-20deg)}}@keyframes right-shoe{0%{transform:rotate(-5deg)}16.6%{transform:rotate(5deg)}33.2%{transform:rotate(0)}50%{transform:rotate(20deg)}66.6%{transform:rotate(0)}83.3%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}@keyframes right-lower-leg{0%{transform:translateY(-33%)rotate(0)}16.6%{transform:translateY(-33%)rotate(0)}33.2%{transform:translateY(-33%)rotate(0)}50%{transform:translateY(-33%)rotate(40deg)}66.6%{transform:translateY(-33%)rotate(0)}83.3%{transform:translateY(-33%)rotate(0)}to{transform:translateY(-33%)rotate(0)}}@keyframes right-leg{0%{transform:rotate(0)}16.6%{transform:rotate(0)}33.2%{transform:rotate(0)}50%{transform:rotate(-30deg)}66.6%{transform:rotate(0)}83.3%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes left-arm{0%{z-index:10;transform:translate(0%)translateY(10%)rotate(30deg)}16.6%{z-index:10;transform:translate(-55%)translateY(-5%)rotate(-10deg)}33.1%{z-index:10;transform:translate(-45%)translateY(3%)rotate(20deg)}33.2%{z-index:1;transform:translate(-45%)translateY(3%)rotate(20deg)}50%{z-index:1;transform:translate(-60%)translateY(-10%)rotate(-30deg)}66.5%{z-index:1;transform:translate(-45%)translateY(3%)rotate(10deg)}66.6%{z-index:10;transform:translate(-45%)translateY(3%)rotate(10deg)}83.3%{z-index:10;transform:translate(-55%)translateY(-5%)rotate(-20deg)}to{z-index:10;transform:translate(0%)translateY(10%)rotate(30deg)}}@keyframes left-lower-arm{0%{transform:rotate(0)}16.6%{transform:rotate(-25deg)}33.2%{transform:rotate(0)}50%{transform:rotate(-50deg)}66.6%{transform:rotate(0)}83.3%{transform:rotate(-25deg)}to{transform:rotate(0)}}@keyframes left-hand{0%{transform:rotate(0)}16.6%{transform:rotate(-50deg)}33.2%{transform:rotate(0)}50%{transform:rotate(-50deg)}66.6%{transform:rotate(0)}83.3%{transform:rotate(-50deg)}to{transform:rotate(0)}}@keyframes brush{0%{transform:rotate(90deg)}16.6%{transform:rotate(0)}33.2%{transform:rotate(50deg)}50%{transform:rotate(-50deg)}66.6%{transform:rotate(50deg)}83.3%{transform:rotate(-30deg)}to{transform:rotate(90deg)}}@keyframes right-arm{0%{z-index:1;transform:translate(-45%)translateY(-10%)rotate(30deg)}16.5%{z-index:1;transform:translate(-55%)translateY(3%)rotate(-10deg)}16.6%{z-index:10;transform:translate(-55%)translateY(3%)rotate(-10deg)}33.2%{z-index:10;transform:translate(-45%)translateY(-5%)rotate(20deg)}50%{z-index:10;transform:translate(-100%)translateY(10%)rotate(-30deg)}66.6%{z-index:10;transform:translate(-45%)translateY(-5%)rotate(10deg)}83.2%{z-index:10;transform:translate(-55%)translateY(3%)rotate(-20deg)}83.3%{z-index:1;transform:translate(-55%)translateY(3%)rotate(-20deg)}to{z-index:1;transform:translate(-45%)translateY(-10%)rotate(30deg)}}@keyframes right-lower-arm{0%{transform:rotate(50deg)}16.6%{transform:rotate(0)}33.2%{transform:rotate(25deg)}50%{transform:rotate(0)}66.6%{transform:rotate(25deg)}83.3%{transform:rotate(0)}to{transform:rotate(50deg)}}@keyframes right-hand{0%{transform:rotate(50deg)}16.6%{transform:rotate(0)}33.2%{transform:rotate(50deg)}50%{transform:rotate(0)}66.6%{transform:rotate(50deg)}83.3%{transform:rotate(0)}to{transform:rotate(50deg)}}
/*# sourceMappingURL=repo.e7b45568.css.map */