#root{text-align:center}body{margin:0}.matchesContainer{display:grid;max-width:1280px;margin:0 auto;padding:2rem}.singleMatch{border-radius:25px;display:grid;gap:10px;grid-template-columns:1fr 1fr;list-style-type:none;padding:20px;margin:20px;background-color:#fffffff8;border:1px solid rgba(0,0,0,.296)}h1,h2,h3{margin:0}.mainChamp{border-top-left-radius:15px;grid-row:1;grid-column:1;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border:2px solid rgba(0,0,0,.296)}.enemys{border-top-right-radius:15px;border:2px solid rgba(0,0,0,.296);grid-column:2;grid-template-rows:1fr 1fr;display:flex;flex-direction:column;padding:10px}.mainChampKda{font-style:italic}.gameLength{grid-column:1 / 4;grid-row:3}.teammates{display:grid;grid-template-columns:repeat(4,1fr)}.enemysContainer{display:grid;grid-template-columns:repeat(5,1fr)}.singleTeammate,.singleEnemy{font-weight:800;color:#4c4cfd}.teammateName,.enemyName{font-size:smaller;cursor:pointer;color:#000}.champPic{width:70px;height:auto;padding:0 10px}.funFacts{grid-column:1 / -1;font-size:22px;grid-row:2;display:grid;padding:20px;gap:5px}.funFacts>li{padding:5px;border:1px solid white}.funFacts>.red{background-color:#323232;color:#fff}.funFacts>.green{background-color:#ececec}.funFacts>.yellow{background-color:#ababab}.summonerName{margin-top:30px;letter-spacing:7px;font-style:oblique}@media only screen and (max-width: 1200px){.matchesContainer{margin:0;padding:0}.mainChampPic{width:100px}.champPic{width:60px}.mainChampKda{font-size:medium}}@media only screen and (max-width: 1050px){.matchesContainer{margin:0;padding:0}.mainChampPic{width:80px}.champPic{width:50px}.enemyName,.teammateName{font-size:10px}}@media only screen and (max-width: 900px){.mainChampKda{font-size:smaller}.mainChamp{grid-row:1;grid-column:1 / -1}.enemys{grid-column:1 / -1;grid-row:3}.gameLength{grid-row:4}.mainChampPic{width:50px}.champPic{width:30px}.funFacts>li{font-size:medium}.enemyName,.teammateName{font-size:8px}}.loading{margin-top:50px;display:grid;gap:70px;justify-items:center}@keyframes flashingLights{0%{transform:scale(.3);background-color:#ed4ef9}75%{transform:scale(.5);background-color:#242424}to{transform:scale(.3);background-color:#fff}}.loadingTile{background-color:#ed4ef9;width:25px;height:25px;border-radius:50%;animation-name:flashingLights;animation-duration:1.5s;animation-iteration-count:infinite}.searchBox{display:flex;padding:10px;background-color:#ffffffdf;justify-content:center}.searchBox>form{padding:5px;display:flex;flex-direction:row;font-size:20px;gap:10px}.searchBox>form>button{width:70px;border-width:3px;border-color:#ffdaff;background:linear-gradient(270deg,#e396e4,#dda6dc 11%,#f9e5ff 81%)}.searchBox>form>button:hover{background:linear-gradient(270deg,#fee0ff,#ffebff 11%,#f9e5ff 81%)}form>label>input{border:1px dashed black;padding:5px;height:10px;font-weight:100}form>label>input:hover{border:1px solid black}label{display:grid;gap:10px;text-align:left}label:last-of-type{display:flex;flex-direction:column}@media only screen and (max-width: 767px){.searchBox>form{flex-direction:column}.searchBox>form>button{width:100%;height:40px}}.warning{padding:10px;background-color:#ffff008b}.error{padding:10px;background-color:#ff00008b}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000000de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(225deg,#e6c8fa,#f6f5f4)}body{background:url(/assets/bg2-XKRohx35.png),url(/assets/bg-DScP25vX.png);background-size:15%;background-repeat:repeat-y;background-position:left 20px,right 20px}