@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);*{padding:0px;margin:0 auto;}
#scrollbar{width:355px;height:100%;overflow-y:auto;}
#scrollbar-game{width:800px;height:100%;overflow-y:auto;}
#scrollbar::-webkit-scrollbar{width:5px;height:5px;}
#scrollbar::-webkit-scrollbar-track{background-color:transparent;border-radius:5px;}
#scrollbar::-webkit-scrollbar-thumb{background-color:rgba(060,060,060,0.5);border-radius:5px;}
#scrollbar::-webkit-scrollbar-corner{}
#logo{color:#f98c0d;}
#slidebar-icon{position:absolute;top:70px;left:355px;width:145px;height:40px;border-radius:0px 4px 4px 0px;font-size:18px;text-align:center;line-height:43px;color:#232428;background:#f98c0d;}
#sidebar{width:355px;height:100%;top:0;left:-350px;padding:50px 0 40px 0;text-align:center;position:fixed;transition:left 1s;-webkit-transition:left 1s;-moz-transition:left 1s;-o-transition:left 1s;-ms-transition:left 1s;background:#232428;-webkit-box-shadow:7px 0px 7px 0px rgba(0, 0, 6, 0.3);-moz-box-shadow:7px 0px 7px 0px rgba(0, 0, 6, 0.3);box-shadow:7px 0px 7px 0px rgba(0, 0, 6, 0.3);z-index:2;}
#sidebar:hover{left:0px;}
#sidebar ul{list-style-type:none;}
#sidebar #menu{margin-top:5px;}
#sidebar #menu ul li{font-family:'Lato', sans-serif;height:40px;}
.active,#sidebar #menu ul li:hover{line-height:37px;}
#sidebar ul li a{text-decoration:none;line-height:37px;}
#sidebar #menu ul li{font-family:'Lato', sans-serif;height:40px;margin-top:5px;transition:background 1s;}
#sidebar #menu ul li a{color:#fff;}
.active,#sidebar #menu ul li:hover{background:#232428;border-left:4px solid #fff;font-weight:bolder;font-size:18px}
#sidebar-game{width:800px;height:100%;top:0;left:-800px;padding:50px 0 40px 0;text-align:center;position:fixed;transition:left 1s;-webkit-transition:left 1s;-moz-transition:left 1s;-o-transition:left 1s;-ms-transition:left 1s;background:#000;-webkit-box-shadow:7px 0px 7px 0px rgba(0, 0, 6, 0.3);-moz-box-shadow:7px 0px 7px 0px rgba(0, 0, 6, 0.3);box-shadow:7px 0px 7px 0px rgba(0, 0, 6, 0.3);z-index:1;}
#sidebar-game:hover{left:0px;}
#sidebar-game ul{list-style-type:none;}
#sidebar-game #menu-game{margin-top:5px;}
#sidebar-game #menu-game ul li{font-family:'Oxygen', sans-serif;height:40px;}
.active,#sidebar-game #menu-game ul li:hover{line-height:37px;}
#sidebar-game ul li a{text-decoration:none;line-height:37px;}
#sidebar-game #menu-game ul li{font-family:'Lato', sans-serif;height:40px;margin-top:5px;transition:background 1s;}
#sidebar-game #menu-game ul li a{color:#fff;}
.active,#sidebar-game #menu-game ul li:hover{background:#000;border-left:4px solid #fff;font-weight:bolder;font-size:18px}
#slidebar-game-icon{position:absolute;top:125px;left:800px;width:148px;height:108px;border-radius:0px 4px 4px 0px;font-size:18px;text-align:center;line-height:43px;color:#232428;background:#8AD3FE;}
@media screen and (max-width: 600px) {
  #sidebar {
    visibility: hidden;
  }
}