.header{height:70px;background-color:hsla(0,0%,100%,.7);width:100%;position:fixed;display:flex;align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:10;box-shadow:0 0 5px gray}.header-contents{margin-left:20px}.header-contents a{color:#000}.header-contents a:hover{color:#5f9ea0}.header-login{right:0;margin-right:10px;width:90px;height:35px;background-color:#b9cff5;display:flex;align-items:center;margin-left:auto;border-radius:5px}.header-login a{color:#000}.header-login a:hover{width:90px;color:#fff;background-color:rgba(0,0,0,.2);box-shadow:0 0 5px #b9cff5}.header-login a:hover,.header-signup{height:35px;display:flex;align-items:center;border-radius:5px}.header-signup{right:0;margin-right:10px;width:120px;background-color:#dede2c;text-align:center}.header-signup a{color:#000}.header-signup a:hover{width:120px;height:35px;display:flex;align-items:center;border-radius:5px;background-color:rgba(0,0,0,.2);color:#fff;box-shadow:0 0 5px #9b9b1c}.sidebar{width:190px;min-width:190px;height:100%;background-color:#e6e6e6}@media (max-width:650px){.sidebar{display:none}.sm-center{justify-content:center}}.users{height:45px;width:100%;margin-top:10px;display:flex}.users:hover{background-color:#f0f8ff}.usersimg{margin-left:15px;border-radius:100%;height:35px;width:35px}.sidebar-text-user{color:#000;font-weight:500;font-weight:600px;margin-left:10px;font-size:15px}.sidebar-text-game{color:#646464;margin-left:10px;font-size:12px}.text-ellipsis-2{-webkit-line-clamp:2}.text-ellipsis-1,.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-1{-webkit-line-clamp:1}