.rank{display:flex;flex-flow:column nowrap;align-items:flex-end;justify-content:center;gap:2px}.rank .box{width:5px;height:5px;background:#fffee5}.rank .dash{width:3px;height:4px;background:#8bf6f2}#side-menu{grid-area:side-menu;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;height:100vh;gap:10px;position:relative;padding:15px;overflow:hidden}#side-menu #side-menu-title{font-size:2em;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:15px;color:#fff;text-shadow:0 0 5px #e5fbda;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#side-menu #nav-btns{width:100%;display:flex;flex-direction:column;gap:10px}#side-menu #create-btns{margin-top:30px}#side-menu #user-btns{width:100%;display:flex;flex-direction:row;gap:5px}.side-menu-key{cursor:pointer;text-decoration:none;padding:8px;color:#162226;box-shadow:0 0 5px #8bf6f2;font-family:"5x5",monospace;font-size:12px;font-weight:normal;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px;width:90%;position:relative;border-radius:10px;background:linear-gradient(145deg, #b39ddb, #b2ff59)}.side-menu-key .icon-16{position:relative;width:24px;height:24px;display:grid;place-items:center}.side-menu-key span{margin-left:5px}.create-key{border-radius:50px;justify-content:center;height:50px;margin-left:0}.active{background:#8bf6f2;color:#162226;box-shadow:0 0 5px #e5fbda}.side-menu-key:focus,.side-menu-key:hover{background:#8bf6f2;color:#162226;box-shadow:0 0 5px #e5fbda}.side-menu-key:active,.side-menu-key.selected{background:#8bf6f2;color:#162226}.horizontal-line{position:absolute;right:0;bottom:50%;transform:translateX(50%);width:100px;height:1px;background:#fffee5;box-shadow:0 0 .3px #fff,0 0 .6px #fff,0 0 1px #fff,0 0 1.5px #ffbdfe,0 0 3px #ffbdfe,0 0 5px #ffbdfe,0 0 8px #ffbdfe,0 0 12px #ffbdfe;z-index:-1}