body{background-color:#121212}ul{list-style-type:none}
.center{z-index:100;margin:auto;position:fixed;top:85%;right:5%}.menu{z-index:99999;color:#fff;width:70px;height:70px}.item{cursor:pointer;text-align:center;background-color:#1c1e24;border:1px solid #6c63ff59;border-radius:50%;width:70px;height:70px;line-height:40px;position:absolute;top:0;left:0;box-shadow:1px 1px 1px 1px #0006}i{color:#222;font-size:24px}.item span{display:none}.item{color:#8b84ff;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex;box-shadow:0 8px 20px #00000059,0 2px 5px #0000004d}.item:hover{color:#fff;border-color:#8b84ffcc}.item svg{pointer-events:none;width:44%;height:44%}#list{color:#fff;background-color:#6c63ff;border-color:#6c63ff}#list:hover{background-color:#5b52f0}#list svg line{transform-origin:12px 12px;transition:transform .25s,opacity .2s}#list.open .line-top{transform:rotate(45deg)translateY(5px)}#list.open .line-mid{opacity:0}#list.open .line-bottom{transform:rotate(-45deg)translateY(-5px)}@media (max-width:639px){.item{width:52px;height:52px}}