body{background-color:#fff}.fade-in{opacity:1;-webkit-animation:fadein-animation .5s;animation:fadein-animation .5s}.fade-out{opacity:0;-webkit-animation:fadeout-animation .5s;animation:fadeout-animation .5s}@-webkit-keyframes fadein-animation{0%{opacity:0}to{opacity:1}}@keyframes fadein-animation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout-animation{0%{opacity:1}to{opacity:0}}@keyframes fadeout-animation{0%{opacity:1}to{opacity:0}}img{max-width:100%}.post-content *{font-size:21px;line-height:1.58;letter-spacing:-.004em;word-break:break-word}.post-content p{margin-top:2em}.post-content pre{background:#333;white-space:pre;overflow:auto;word-wrap:break-word;margin:20px 25px;border-radius:4px;border:1px solid #292929;position:relative}.post-content pre code{font-family:"Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;display:block;padding:15px 16px 14px;overflow-x:auto;font-size:13px;line-height:19px;color:#ddd}.post-title{font-size:40px;font-weight:400;margin-bottom:8px;line-height:48px}.post-subtitle{font-size:24px;color:rgba(0,0,0,.54);margin:8px 0}.link-normal,.link-normal:visited{color:inherit;text-decoration:none}.tag{margin:8px}#comments{border-top:1px solid #ccc;margin-top:45px}#comments button{margin:16px 0}.comment{width:100%;margin:16px 0!important}.comment-container{padding:32px 16px;margin:8px 0}.comment-header{display:flex;justify-content:flex-start;align-items:center}.comment-header span{margin-left:16px}.margin-top{margin-top:20px}.load-more-posts-container{padding:16px;text-align:center}.github-icon{fill:#fff}.spinner{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#like-button-container{position:fixed;top:40%;margin:30px 30px 30px -100px}@media (min-width:481px) and (max-width:767px){#like-button-container{position:relative;margin-left:0}}@media (min-width:320px) and (max-width:480px){#like-button-container{position:relative;margin-left:0}}.canvas{width:100px;height:100px;position:relative}.canvas,.canvas .total-counter{display:flex;justify-content:center;align-items:center}.canvas .total-counter{width:100%;position:absolute;margin-top:-45px;color:grey;font-family:sans-serif;font-size:16px}.canvas .total-counter.fader{-webkit-animation:fade-in 1.4s forwards;animation:fade-in 1.4s forwards}.canvas .clap-container{display:flex;justify-content:center;align-items:center;position:absolute;width:60px;height:60px;border:1px solid rgba(0,0,0,.15);border-radius:50%;z-index:2;background:#fff;cursor:pointer}.canvas .clap-container .clap-icon{font-size:30px;color:#03a87c;width:30px;height:30px}.canvas .clap-container:hover{border:1px solid #03a87c}.canvas .clap-container.scale{-webkit-animation:scaleAndBack .7s forwards;animation:scaleAndBack .7s forwards}.canvas .click-counter{display:flex;justify-content:center;align-items:center;width:35px;height:35px;position:absolute;top:45px;background-color:#03a87c;border-radius:50%;z-index:1}.canvas .click-counter .counter{font-family:sans-serif;font-size:14px;color:#fff}.canvas .click-counter.first-active{-webkit-animation:first-bump-in 1s forwards;animation:first-bump-in 1s forwards}.canvas .click-counter.active{-webkit-animation:bump-in 1s forwards;animation:bump-in 1s forwards}.canvas .clap-container-sonar{width:60px;height:60px;background:#03a87c;border-radius:50%;position:absolute;opacity:0;z-index:0}.canvas .hover-active{-webkit-animation:sonar-wave 2s forwards;animation:sonar-wave 2s forwards}.canvas .particles-container{display:flex;justify-content:center;align-items:center;width:60px;height:60px;position:absolute}.canvas .particles-container .triangle{border:4px solid transparent;border-top:10px solid red;position:absolute}.canvas .particles-container .triangle .square{width:5px;height:5px;background:#03a87c;position:absolute;left:-15px;top:0}.canvas .particles-container .pop-top{-webkit-animation:pop-top 1s forwards;animation:pop-top 1s forwards}.canvas .particles-container .pop-top-left{-webkit-animation:pop-top-left 1s forwards;animation:pop-top-left 1s forwards}.canvas .particles-container .pop-top-right{-webkit-animation:pop-top-right 1s forwards;animation:pop-top-right 1s forwards}.canvas .particles-container .pop-bottom-right{-webkit-animation:pop-bottom-right 1s forwards;animation:pop-bottom-right 1s forwards}.canvas .particles-container .pop-bottom-left{-webkit-animation:pop-bottom-left 1s forwards;animation:pop-bottom-left 1s forwards}@-webkit-keyframes sonar-wave{0%{opacity:.7}to{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}@keyframes sonar-wave{0%{opacity:.7}to{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}@-webkit-keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes pop-top{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0);opacity:.4}to{-webkit-transform:translateY(-100px) rotate(0);transform:translateY(-100px) rotate(0);opacity:0}}@keyframes pop-top{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0);opacity:.4}to{-webkit-transform:translateY(-100px) rotate(0);transform:translateY(-100px) rotate(0);opacity:0}}@-webkit-keyframes pop-top-left{0%{-webkit-transform:translate(0) rotate(-55deg);transform:translate(0) rotate(-55deg);opacity:.4}to{-webkit-transform:translate(-100px,-50px) rotate(-55deg);transform:translate(-100px,-50px) rotate(-55deg);opacity:0}}@keyframes pop-top-left{0%{-webkit-transform:translate(0) rotate(-55deg);transform:translate(0) rotate(-55deg);opacity:.4}to{-webkit-transform:translate(-100px,-50px) rotate(-55deg);transform:translate(-100px,-50px) rotate(-55deg);opacity:0}}@-webkit-keyframes pop-top-right{0%{-webkit-transform:translate(0) rotate(55deg);transform:translate(0) rotate(55deg);opacity:.4}to{-webkit-transform:translate(100px,-50px) rotate(55deg);transform:translate(100px,-50px) rotate(55deg);opacity:0}}@keyframes pop-top-right{0%{-webkit-transform:translate(0) rotate(55deg);transform:translate(0) rotate(55deg);opacity:.4}to{-webkit-transform:translate(100px,-50px) rotate(55deg);transform:translate(100px,-50px) rotate(55deg);opacity:0}}@-webkit-keyframes pop-bottom-right{0%{-webkit-transform:translate(0) rotate(135deg);transform:translate(0) rotate(135deg);opacity:.4}to{-webkit-transform:translate(70px,80px) rotate(135deg);transform:translate(70px,80px) rotate(135deg);opacity:0}}@keyframes pop-bottom-right{0%{-webkit-transform:translate(0) rotate(135deg);transform:translate(0) rotate(135deg);opacity:.4}to{-webkit-transform:translate(70px,80px) rotate(135deg);transform:translate(70px,80px) rotate(135deg);opacity:0}}@-webkit-keyframes pop-bottom-left{0%{-webkit-transform:translate(0) rotate(-135deg);transform:translate(0) rotate(-135deg);opacity:.4}to{-webkit-transform:translate(-70px,80px) rotate(-135deg);transform:translate(-70px,80px) rotate(-135deg);opacity:0}}@keyframes pop-bottom-left{0%{-webkit-transform:translate(0) rotate(-135deg);transform:translate(0) rotate(-135deg);opacity:.4}to{-webkit-transform:translate(-70px,80px) rotate(-135deg);transform:translate(-70px,80px) rotate(-135deg);opacity:0}}@-webkit-keyframes first-bump-in{0%{-webkit-transform:translateY(-65px);transform:translateY(-65px);opacity:1}50%{-webkit-transform:translateY(-80px);transform:translateY(-80px);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes first-bump-in{0%{-webkit-transform:translateY(-65px);transform:translateY(-65px);opacity:1}50%{-webkit-transform:translateY(-80px);transform:translateY(-80px);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@-webkit-keyframes bump-in{0%{-webkit-transform:translateY(-80px) scale(.9);transform:translateY(-80px) scale(.9);opacity:1}50%{-webkit-transform:translateY(-80px) scale(1);transform:translateY(-80px) scale(1);opacity:1}to{-webkit-transform:translateY(-100px) scale(1);transform:translateY(-100px) scale(1);opacity:0}}@keyframes bump-in{0%{-webkit-transform:translateY(-80px) scale(.9);transform:translateY(-80px) scale(.9);opacity:1}50%{-webkit-transform:translateY(-80px) scale(1);transform:translateY(-80px) scale(1);opacity:1}to{-webkit-transform:translateY(-100px) scale(1);transform:translateY(-100px) scale(1);opacity:0}}@-webkit-keyframes scaleAndBack{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleAndBack{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.e9610b75.chunk.css.map */