*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{color:#444;background:#f8f8f8;font:16px sans-serif,Arial,Verdana;width:100vw;height:100vh;overflow:hidden}img{max-width:100%}#app{margin:0 auto;-webkit-box-shadow:0 0 7px #adadad;box-shadow:0 0 7px #adadad;background:#fff}#app,#avatar{position:relative;overflow:hidden;width:100%;height:100%}#avatar{background:rgba(185,192,255,.28)}#avatar svg{position:absolute;width:100%;height:100%;z-index:100}#avatar svg g{display:none}.show{display:block!important}#footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;width:100%;height:120px;background:#e2e2e2;bottom:0;-webkit-box-shadow:0 -2px 7px #a8a8a8;box-shadow:0 -2px 7px #a8a8a8;z-index:200}#footer #options{width:calc(100% - 60px)}.settings{display:-webkit-box;display:-ms-flexbox;display:flex;width:60px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#c9c9c9}.settings .random{width:20px;height:20px;padding:10px 20px;opacity:.6;cursor:pointer;-webkit-transition:.2s;transition:.2s}.settings .random:hover{opacity:1;background:rgba(0,0,0,.07)}#menu-items{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-400px;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);z-index:200}@media (max-width:799px){#menu-items{top:calc(100px - 100vh)}}#menu-items span{height:20px;color:#fff;padding:10px;cursor:pointer;text-shadow:0 0 2px #000;-webkit-transition:.2s;transition:.2s}#menu-items span:hover{color:#07f}#menu-items .menu-row{width:80%;height:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}#menu{width:60px;height:50px;z-index:220;cursor:pointer;-webkit-transition:.2s,-webkit-transform .4s;transition:.2s,-webkit-transform .4s;transition:transform .4s,.2s;transition:transform .4s,.2s,-webkit-transform .4s;opacity:.6}#menu:hover{opacity:.8;background:rgba(0,0,0,.15)}#menu .hamburger{height:100%;width:100%}#menu .line{fill:none;-webkit-transition:stroke-dasharray .4s,stroke-dashoffset .4s;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:#000;stroke-width:5.5;stroke-linecap:round}#menu .top{stroke-dasharray:40 172}#menu .middle{stroke-dasharray:40 111}#menu .bottom{stroke-dasharray:40 172}#menu.active{opacity:1}#menu.active .line{stroke:#fff}#menu.active .top{stroke-dashoffset:-132px}#menu.active .middle{stroke-dashoffset:-71px}#menu.active .bottom{stroke-dashoffset:-132px}.mn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%;padding:0 10px;height:120px;overflow:auto hidden;margin-right:10px}.mn div{color:#000;height:60px;min-width:60px;background:#fff;margin:10px;-webkit-box-shadow:0 0 20px #bbb;box-shadow:0 0 20px #bbb;cursor:pointer;border-radius:3px;-webkit-transition:.4s;transition:.4s}.mn div:hover{-webkit-box-shadow:0 0 20px #878787;box-shadow:0 0 20px #878787}.mn div img{width:60px}.mn::-webkit-scrollbar{height:8px;-webkit-transition:.4s;transition:.4s}.mn::-webkit-scrollbar-track{background-color:#dadada;border-top:1px solid #c9c9c9;-webkit-box-shadow:inset 0 0 3px #b3b3b3;box-shadow:inset 0 0 3px #b3b3b3}.mn::-webkit-scrollbar-thumb{background-color:#aaa}.mn::-webkit-scrollbar-thumb:hover{background-color:#9a9a9a}#backArrow{width:40px;position:absolute;right:10px;bottom:120px;cursor:pointer;opacity:.6;-webkit-transition:.2s;transition:.2s}#backArrow:hover{opacity:1}.skinColorBox{position:absolute;width:50px;height:50px;z-index:210;cursor:pointer;overflow:hidden;-webkit-transition:.4s;transition:.4s;border-radius:50%;background:#b97be2;-webkit-box-shadow:0 0 7px #909090;box-shadow:0 0 7px #909090}.skinColorBox:hover{-webkit-box-shadow:0 0 10px #3d3d3d;box-shadow:0 0 10px #3d3d3d}#cirlceOption{top:10px;left:10px}#ColorPicker g{display:block!important}#whiteSkin{top:20px;left:80px}#blackSkin{top:70px;left:20px}