@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.front{background-image:url(/static/media/library_hero.9c9ca24691946f8d0907.jpg);background-position:50%;background-size:cover;display:flex;height:400px;width:100%}.titlefront{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#000;color:#fff;font-family:Roboto Condensed,sans-serif;font-size:80px;font-style:italic;font-weight:700;margin:auto;text-align:center}.frontinput{background-color:#fff;height:40px;width:400px}.frontinput,.frontsubmit{border:3px solid #fff;font-family:Roboto Condensed,sans-serif;font-size:25px;font-style:italic;font-weight:700}.frontsubmit{background-color:#d09100;color:#fff;cursor:pointer;height:50px;margin-left:30px;width:150px}.loader,svg{align-items:center;margin:auto;text-align:center;width:80px}.gap{height:30px}.undersearch{color:#fff;display:inline;font-family:Roboto Condensed,sans-serif;font-size:20px;font-style:italic;font-weight:700;margin:auto;padding-top:10px;text-align:center;width:100%}.highlight{color:#f9ca5f}@media only screen and (max-width:600px){.App{text-align:center}.front{background-image:url(/static/media/library_hero.9c9ca24691946f8d0907.jpg);background-position:50%;background-size:cover;display:flex;height:400px;width:100%}.titlefront{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#000;color:#fff;font-family:Roboto Condensed,sans-serif;font-size:70px;font-style:italic;font-weight:700;margin:auto;text-align:center}.frontinput{background-color:#fff;height:40px;width:300px}.frontinput,.frontsubmit{border:3px solid #fff;font-family:Roboto Condensed,sans-serif;font-size:25px;font-style:italic;font-weight:700}.frontsubmit{background-color:#d09100;color:#fff;cursor:pointer;height:50px;margin-bottom:10px;margin-left:0;margin-top:10px;width:150px}.loader,svg{align-items:center;margin:auto;text-align:center;width:80px}.gap{height:30px}.undersearch{color:#fff;display:inline;font-family:Roboto Condensed,sans-serif;font-size:20px;font-style:italic;font-weight:700;margin:auto;padding-top:10px;text-align:center;width:100%}.highlight{color:#f9ca5f}}.topbar{background-color:#313131;border-bottom:1px solid #fff;display:flex;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700;height:50px;left:0;overflow:hidden;position:-webkit-sticky;position:sticky;text-align:left;top:0;width:100%;z-index:1}.topbartitle{color:#fff;font-size:30px;margin:0;padding-left:10px;padding-top:7px}.topbaritem{color:#fff;cursor:pointer;font-size:25px;margin:0 0 0 30px;padding-top:10px}.topbaritem:hover{border-bottom:5px solid #fff}.active{border-bottom:2px solid #ff0;color:#ff0}.active:hover{border-bottom:5px solid #ff0}@media only screen and (max-width:600px){.topbartitle{display:none}.topbar{justify-content:center}}.character{height:275px;margin-left:100px;margin-top:50px;overflow:hidden;-webkit-transform:skew(14deg);transform:skew(14deg);width:175px}.character img{height:100%;object-fit:cover;overflow:hidden;padding-left:8px;-webkit-transform:skew(-14deg);transform:skew(-14deg);width:110%}.title{font-size:80px;margin-bottom:30px;margin-left:30px;margin-top:60px;text-align:left}.subtitle,.title{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700}.subtitle{font-size:40px;margin-left:40px}.matchbox{align-items:flex-start;background-color:#313131;border:3px solid #fff;display:flex;height:100px;width:700px}.matchboxchar{height:100%;object-fit:cover;width:auto}.matchboxmode{color:#fff;margin:auto 10px auto auto}.matchboxmode,.matchboxtitle{font-family:Roboto Condensed,sans-serif;font-size:50px;font-style:italic;font-weight:700}.matchboxtitle{margin:auto auto auto 10px}.matchboxstat{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700;margin:0 0 0 25px}.s{font-size:25px;padding-top:10px}.l{font-size:50px}.loc{color:#a7a7a7;font-size:25px;margin:auto}.body{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:700px 400px;grid-template-rows:1fr;margin:20px auto auto;width:1000px}.matches{display:flex;flex-direction:column;grid-area:1/1/2/2;height:100%;width:100%}.stats{grid-area:1/2/2/3;width:100%}.statstack{background-color:#313131;border:1px solid #000;border-radius:10px;height:250px;margin:0 10px 10px;width:350px}.stacktitle{font-size:50px}.stackstat,.stacktitle{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700;margin:0}.stackstat{font-size:30px}.topthing{display:flex;flex-direction:row}.subbox{display:flex;padding-left:"20px"}.matchmeta{display:flex;flex-direction:row}.matchmetabig{display:"flex";flex-direction:"column";width:300px}@media only screen and (max-width:1000px){.topthing{flex-direction:column}.character{height:275px;margin:50px auto auto;overflow:hidden;-webkit-transform:skew(14deg);transform:skew(14deg);width:175px}.character img{height:100%;object-fit:cover;overflow:hidden;padding-left:8px;-webkit-transform:skew(-14deg);transform:skew(-14deg);width:110%;z-index:-1}.title{font-size:60px;margin:auto auto 10px;text-align:center;z-index:25}.subtitle,.title{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700}.subtitle{font-size:40px;margin:0}.subbox{display:flex;flex-direction:column;margin-top:20px;padding-left:"0px"}.matchbox{align-items:flex-start;background-color:#313131;border:3px solid #fff;display:flex;flex-wrap:wrap;height:200px;margin:auto;width:350px}.matchboxchar{height:100px;object-fit:cover;width:100px}.matchboxmode{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:50px;font-style:italic;font-weight:700;margin:auto 10px auto auto}.matchmeta{display:flex;justify-content:space-between}.matchmetabig{display:"flex";flex-direction:"column";height:95px;margin-top:5px;width:250px}.matchboxtitle{font-size:50px}.matchboxstat,.matchboxtitle{font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700}.matchboxstat{color:#fff;margin:0;width:116px}.s{font-size:25px;padding-top:10px}.l{font-size:50px}.loc{color:#a7a7a7;font-size:20px;margin:3px auto auto;width:275px}.body{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;margin:20px auto auto;width:100%}.matches{display:flex;flex-direction:column;grid-area:2/1/3/2;height:100%;width:100%}.stats{grid-area:1/1/2/2;width:100%}.statstack{background-color:#313131;border:1px solid #000;border-radius:10px;height:250px;margin:0 auto 10px;width:350px}.stacktitle{font-size:50px}.stackstat,.stacktitle{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700;margin:0}.stackstat{font-size:30px}}.leaderbox{align-items:flex-start;background-color:#313131;border:3px solid #fff;cursor:pointer;display:flex;height:75px;width:700px}.leaderboxchar{height:75px;object-fit:cover;width:75px}.leaderboxmode{font-size:50px;margin:auto 10px auto auto}.leaderboxmode,.leaderboxtitle{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700}.leaderboxtitle{font-size:40px;margin:auto auto auto 10px}.leaderboxstat{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700;margin:0 0 0 25px}.sl{font-size:25px;padding-top:23px}.ll{font-size:50px;margin-left:10px;padding-right:15px;padding-top:7.5px}.surround{margin:15px auto auto;width:700px}.leaderboardtitle{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:60px;font-style:italic;font-weight:700;margin:auto}.leaderinactive{background-color:#333}.leaderactive,.leaderinactive{border:3px solid #fff;color:#fff;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:25px;font-style:italic;font-weight:700;height:40px;margin-left:30px;margin-top:15px;width:150px}.leaderactive{background-color:#d09100}.navbox{background-color:#333;display:flex;height:40px;justify-content:space-between;margin:15px auto auto;width:500px}.navbutton{background-color:#000;border:2px solid #fff;cursor:pointer;font-size:30px;height:40px;padding-top:0;width:40px}.navbutton,.navtext{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700}.navtext{font-size:20px;margin-top:10px}.number{width:65px}@media only screen and (max-width:800px){.leaderbox{align-items:flex-start;background-color:#313131;border:3px solid #fff;cursor:pointer;display:flex;height:60px;margin:auto;width:375px}.leaderboxchar{height:60px;object-fit:cover;width:60px}.leaderboxmode{font-size:50px;margin:auto 10px auto auto}.leaderboxmode,.leaderboxtitle{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700}.leaderboxtitle{font-size:30px;margin-left:10px;width:100px}.leaderboxstat{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700;margin:0 0 0 25px}.sl{display:none;font-size:25px;padding-top:23px}.number{width:30px}.ll,.number{padding-right:5px}.ll{font-size:30px;margin-left:5px;padding-top:12px}.surround{margin:15px auto auto;width:100%}.leaderboardtitle{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:60px;font-style:italic;font-weight:700;margin:auto}.leaderinactive{background-color:#333}.leaderactive,.leaderinactive{border:3px solid #fff;color:#fff;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:25px;font-style:italic;font-weight:700;height:40px;margin-left:5px;margin-right:5px;margin-top:15px;width:150px}.leaderactive{background-color:#d09100}.navbox{background-color:#333;display:flex;height:40px;justify-content:space-between;margin:15px auto auto;width:300px}.navbutton{background-color:#000;border:2px solid #fff;cursor:pointer;font-size:30px;height:40px;padding-top:0;width:40px}.navbutton,.navtext{color:#fff;font-family:Roboto Condensed,sans-serif;font-style:italic;font-weight:700}.navtext{font-size:20px;margin-top:10px}}input[type=button],input[type=submit]{border-radius:0}
/*# sourceMappingURL=main.c0d0932c.css.map*/