body{margin:0;padding:0 0 60px;position:relative;overflow-x:hidden}@media (max-width:549px){body{overflow-y:scroll}}body{color:#434343;font-family:Verdana,Geneva,Tahoma,sans-serif}body a{color:#434343}header{z-index:3;height:60px;position:absolute;top:0;left:0;right:0}header div{cursor:pointer;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}header .logo{width:30px;height:30px;padding:20px;transition:all .1s ease-in-out;display:inline-block}header .logo:hover{transform:scale(1.1)}header .npm,header .github,header .email{float:right;width:30px;height:30px;padding:20px 20px 0 0}header .email svg{width:30px;height:30px}header .email svg g{fill:#777}header .email svg{transition:all .1s ease-in-out}header .email svg:hover{transform:scale(1.1)}header .email svg:hover g{fill:red}header .github svg{width:30px;height:30px}header .github svg .cls-1{fill:#777}header .github svg{transition:all .1s ease-in-out}header .github svg:hover{transform:scale(1.1)}header .github svg:hover .cls-1{fill:#434343}header .npm svg{width:30px;height:30px}header .npm svg #Selection2{fill:#777}header .npm svg{transition:all .1s ease-in-out}header .npm svg:hover{transform:scale(1.1)}header .npm svg:hover #Selection2{fill:red}.svg-wrapper.loaded{animation:.4s ease-in-out forwards load}.svg-wrapper{opacity:0;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:auto;min-height:calc(100vh - 60px);display:-ms-flexbox;display:flex;overflow:hidden}.svg-wrapper .code-text{text-align:center}.svg-wrapper h1{margin:16px}.svg-wrapper pre{margin:0}.svg-wrapper code{white-space:pre-wrap;background-color:#f0f0f0;border-radius:8px;width:calc(100vw - 60px);max-width:420px;padding:10px;font-size:14px;line-height:1.4;display:block}@media screen and (min-width:550px){.svg-wrapper code{max-width:520px;font-size:18px}}.svg-wrapper div.svg-logo{width:100%;max-width:350px;height:100%}.svg-wrapper div.svg-logo svg{width:100%;max-width:450px;height:100%;max-height:450px}.svg-wrapper div.svg-logo svg .svgbar{fill:#ffb13b;transform-origin:0 0;animation:15s ease-in-out infinite colorchange;position:absolute}footer{text-align:center;font-size:14px;position:absolute;bottom:20px;left:20px;right:20px}@keyframes load{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes colorchange{0%{fill:#ffb13b;transform:translate(150px,150px)rotate(0)}25%{fill:green}50%{fill:#00f;transform:translate(150px,150px)rotate(360deg)}75%{fill:red}to{fill:#ffb13b;transform:translate(150px,150px)rotate(0)}}
/*# sourceMappingURL=inlinesvg.ac1669c1.css.map */