*{margin:0;padding:0;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system;text-decoration:none}body{background-color:#0a0a0a}header,content,footer{display:flex;width:100%;justify-content:center}footer .inner{display:flex;align-items:center;justify-content:center;height:40px}footer .inner img{height:30px;filter:brightness(0.15)}.flexrow{display:flex;align-items:center;flex-direction:row;justify-content:space-between}header{background-color:#2c0a0a;height:80px}header .inner{display:flex;justify-content:space-between;align-items:center}header .login{display:flex;align-items:flex-end;width:250px;height:100%}.login .bg{display:flex;align-items:center;justify-content:center;width:250px;height:65px;border-top-left-radius:15px;border-top-right-radius:15px;background-color:#0a0a0a}.bg .container{display:grid;grid-template-columns:auto 40px;align-items:center;width:100%;padding:0 15px}header .nav{display:flex;align-items:center;gap:20px}header .nav a{color:#aaa;display:flex;flex-direction:row;justify-content:center;gap:10px}header .nav a:hover{color:#fff}content .inner{height:calc(100vh - 40px);display:grid;grid-template-columns:250px auto}content .inner .sidebar{background-color:#0a0a0a;height:90vh;border-bottom-left-radius:15px;border-bottom-right-radius:15px;display:flex;flex-direction:column;padding:0 10px}.sidebar .section{border-top:1px solid #8882;padding:15px 5px;width:auto;display:flex;flex-direction:column}.sidebar a{display:flex;flex-direction:row;align-items:center;gap:5px;color:#8885;text-transform:uppercase}.sidebar img{width:24px;filter:brightness(0.25)}content .mainContainer{max-height:calc(90vh - 15px);padding-top:20px;overflow-x:hidden;overflow-y:scroll}content .main{display:flex;padding:20px;flex-direction:column;gap:20px}content .info{display:flex;height:calc(90vh - 35px);margin-top:20px;flex-direction:column;gap:5px;background-color:#0a0a0a;border-radius:15px;padding:10px 0;overflow-y:scroll}.infoli{display:flex;flex-direction:column;padding:0}.infoli h1{font-size:14px;color:#8883;display:grid;grid-template-columns:20px auto 1fr;align-items:center;gap:5px;text-transform:uppercase;margin-bottom:3px}.infoli h1 div{height:1px;background-color:#8882}.infoli a{color:#fffa;padding:15px 20px;margin:3px 0;border-radius:10px;display:flex;flex-direction:row;align-items:center;gap:10px}.infoli a img{width:20px;filter:brightness(.75)}.infoli a:hover{background-color:#211}.infoli a.currentPage{background-color:#411;cursor:default}.infoli a.currentPage img{filter:brightness(1)}.infoli a#esports.currentPage{background-color:#002e43}#esports:hover{background-color:#001a20}.inner{width:100%;max-width:min(1600px,calc(100vw - 100px))}.mainElement{background-color:#0a0a0a;border-radius:8px;padding:20px;width:auto;display:flex;flex-direction:column;justify-content:space-between}.userProfile{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.userProfile img{height:50px;width:50px;border-radius:10px}.userProfile span{max-width:120px;text-overflow:ellipsis;overflow:hidden}.info .userProfile{margin-bottom:10px}.userProfile.small img{width:20px;height:20px;border-radius:5px}.userProfile.small span{font-weight:200;font-size:14px}.steamlogin{background-color:#fff;color:#000;width:250px;height:45px;border-radius:10px;margin-bottom:15px;outline:0;border:0;display:grid;grid-template-columns:25px auto;padding:10px 15px;align-items:center;font-size:16px;cursor:pointer}.settingsButton{background-color:#fff;color:#000;height:35px;border-radius:5px;outline:0;border:0;display:grid;grid-template-columns:25px auto;padding:5px 10px;align-items:center;font-size:16px;width:auto;min-width:100px;text-wrap:nowrap;gap:10px;cursor:pointer}.settingsButton img{filter:invert(1)}.clickable{cursor:pointer}.hidden{display:none}.warning,.error,.gdpr{display:flex;align-items:center;justify-content:center;min-height:20px;flex-direction:unset}.warning span b{color:#ffa34e}.gdpr span b{color:#0cf}.gdpr button{background-color:#fff;color:#006680;font-weight:bolder;padding:5px 20px;border:0;outline:0;border-radius:5px;cursor:pointer}.gdpr button:hover{background-color:#ddd}.warning{background-color:#643c177f}.error{background-color:#4411117f}.gdpr{background-color:#2270757f;gap:20px;height:20px;display:none}.centerflex{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px 10%;text-align:center}.spaced{display:flex;flex-direction:column;gap:20px;padding:20px 10px;max-width:1000px}.bigger{font-size:12px;color:#333;font-weight:bold}.muted{color:#333}.mutedSmall{color:#333;font-size:12px}.muted *,.mutedSmall *{color:inherit}.buttonRow{display:flex;gap:15px}.qgrid{display:grid;grid-template-columns:1fr 1fr 1fr;width:auto;grid-gap:20px;padding:25px 20px;padding-top:18px;background-color:#1a1a1a;border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.qgridoption{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border-radius:10px;min-height:80px;cursor:pointer;border:3px solid #121212;color:#aaa;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.qgridoption h1{font-size:16px;color:#fff;display:flex;align-items:center;gap:5px}.qgridoption h1 b{color:#ff9d9db6}.qgridoption h1 b::before{color:#fff}.qgridoption *{color:inherit}.isSelected{background-color:#121212}.isSelected::before{content:"Selected";font-size:12px;margin:0;color:#aae0ff}.matchGrid{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}.matchGridElement{background-color:#aaa1;padding:15px;border-radius:10px;display:flex;flex-direction:column;gap:20px;min-width:250px;max-width:100%;height:auto;justify-content:space-between}.matchGridElement hr{border:1px solid #aaa1}.matchGridInner{display:flex;flex-direction:column;gap:5px}.matchGridElement.over{background-color:transparent;border:1px solid #ffffff10}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#8880}::-webkit-scrollbar-thumb{background:#8882;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#8883}