@import url(https://fonts.googleapis.com/css2?family=Mate+SC&family=Fjalla+One&family=Caveat+Brush&family=Spectral&family=Lato&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}*{margin:0;padding:0}html{font-size:62.5%}button{font-size:2rem}span{font-family:"Spectral",serif}h1{text-align:center;margin-top:200px}h1,h2{font-size:5rem;text-transform:uppercase}h1,h2,h3{font-family:"Spectral",serif}h3{font-size:3rem}h4{font-size:2.5rem}h4,p{font-family:"Spectral",serif}p{font-size:1.8rem}html{color:#fff}body{font-size:1.8rem}.champion{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.spacer{height:50px}.authentication{color:#000;background-color:#fafafa;min-height:100vh;width:100vw}.authentication .loginContainer{margin-top:50px}.authentication .loginContainer form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:400px;margin:0 auto;border:2px solid #d2d2d7;padding:30px}.authentication .loginContainer form h3{margin-bottom:20px;text-align:center}.authentication .loginContainer form label{font-family:"Spectral",serif;font-size:2rem}.authentication .loginContainer form input{margin:20px 0;padding:5px;box-shadow:1px 1px 1px 1px #d2d2d7}.authentication .loginContainer form a{color:#74b1bf}.authentication .loginContainer form a:hover{text-decoration:underline}.authentication .loginContainer form .loginFail{color:red;text-align:center}.authentication .loginContainer form button{cursor:pointer;background-color:#10172b;color:#d2d2d7;transition:.4s ease;padding:10px;width:100px;margin:20px auto 0}.authentication .loginContainer form button:focus,.authentication .loginContainer form button:hover{background-color:#74b1bf;color:#fff}.main{width:100vw;height:100vh;background:linear-gradient(rgba(0,9,61,.2),rgba(3,0,43,.5)),url(https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Gwen_0.jpg);background-size:cover;background-position:0 50px;background-position:50%}.main .mainTitle{margin-top:100px;text-align:center}.main .midContent{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.main .midContent form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-align-self:center;align-self:center;width:35vw;min-width:315px;margin-top:10px}.main .midContent form input[type=text]{border-radius:5px;width:35vw;min-width:315px;height:60px;padding:20px;outline:none;border:none;margin-top:55px}.main .midContent form input[type=text]:focus{box-shadow:0 4px 4px #74b1bf}.main .midContent form button{position:relative;right:55px;height:50px;padding-top:15px;padding-left:15px;padding-right:15px;border-radius:5px;background:#fff;outline:none;border:none;transition-duration:.4s;margin-top:55px}.main .midContent form button:hover{cursor:pointer;background-color:#74b1bf;color:#fff}.main .midContent form button svg{margin-bottom:20px}.main .infoBox{text-align:center;margin:0 auto}.main .infoBox .info{border:1px solid;border-radius:5px;padding:15px 0;color:#00529b;background-color:#bde5f8;width:35.5vw;margin:0 auto}.main .infoBox .info .infoTitle{margin-bottom:5px;margin-left:10px;margin-right:10px}.main .infoBox .info .infoTitle svg{padding-top:2px}.main .infoBox .infoButton{font-size:1.8rem;text-transform:uppercase;font-family:"Fjalla One",sans-serif;background-color:none;text-align:center;margin-top:20px;height:40px;padding:5px 20px;border-radius:5px;margin-bottom:10px;background:#10172b;color:#d2d2d7;outline:none;border:none;transition-duration:.4s}.main .infoBox .infoButton:hover{background:#74b1bf;color:#fff;cursor:pointer}.main h1{margin-bottom:10px}.main .suggestion{display:-webkit-flex;display:flex;font-size:1.8rem;text-align:center;margin-left:20px}.main .suggestion .suggestionContainer{width:520px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:2px;border:1px solid #74b1bf}.main .homePage{width:100%;-webkit-align-items:center;align-items:center}.main .background{position:absolute;z-index:-2;top:50px;width:100%}.main .background img{width:100%;overflow:hidden}.searchBar{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;text-align:end;position:fixed;box-shadow:2px 0 10px 1px #10172b;z-index:5;font-size:1.8rem;background-color:#10172b}.searchBar .home{margin-left:80px}.searchBar nav{width:500px;height:50px}.searchBar nav .current{color:#fff;border-bottom:1px solid #74b1bf;border-radius:2px}.searchBar nav li{height:35px;margin-right:30px;text-align:center;padding-top:6px;padding-left:5px;padding-right:5px;border-radius:5px;color:#d2d2d7;font-family:"Fjalla One",sans-serif;text-transform:uppercase;font-size:2.1rem;transition-duration:.4s}.searchBar nav li:hover{background-color:#74b1bf;border-radius:5px;color:#fff}.searchBar nav li:focus{border-bottom:1px solid #74b1bf;border-radius:2px}.searchBar nav ul{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.searchBar nav li{list-style:none;margin-left:20px}.searchBar form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:150px}.searchBar form input[type=submit]{padding:5px 10px;border:0;border-radius:5px;margin-left:20px;background-image:linear-gradient(120deg,#4c4278,#5e5585);border-radius:.4rem;text-transform:uppercase;text-align:center;color:#fff;cursor:pointer}.searchBar form input[type=text]{border-radius:5px;width:20vw;height:35px;padding:20px;outline:none;border:none;margin-left:20px}.searchBar form input[type=text]:focus{box-shadow:0 4px 4px #74b1bf}.searchBar form button{position:relative;right:41px;margin-top:1px;width:2vw;height:35px;padding-top:7px;border-radius:5px;background:#fff;outline:none;border:none;transition-duration:.4s}.searchBar form button:hover{cursor:pointer;background-color:#74b1bf;color:#fff}.searchBar form button svg{margin-bottom:20px}.wrapper{max-width:1440px;width:90%;margin:0 auto}.about{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:50px;width:100%;line-height:23px;background-color:#fafafa;color:#10172b;height:calc(100vh - 50px)}.about .wrapper{width:1800px}.about .aboutSubTitle{font-size:3.5rem;margin-bottom:20px;color:#74b1bf;text-transform:uppercase}.about .aboutTitle{font-size:4rem;margin-top:100px;margin-bottom:50px;text-align:center;line-height:40px;text-transform:uppercase}.about .aboutTitle span{color:#74b1bf;font-size:4rem}.about .userBase{color:#74b1bf}.about .aboutImageContainer{display:-webkit-flex;display:flex;width:100%}.about .aboutImageContainer .explanation{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:15px;width:30%}.about .aboutImageContainer .explanation span{color:#74b1bf;font-size:2.5rem;margin-top:10px;margin-bottom:10px;text-transform:uppercase}.about .aboutImageContainer img{width:420px;margin:50px 0 20px;border-radius:5px}.matchHistoryTitle{color:#fff;margin-top:60px;margin-left:20px}.matchHistory{margin-top:150px}.matchHistory .match,.matchHistory .match .game{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap}.matchHistory .match .game{-webkit-align-items:center;align-items:center;-webkit-align-content:flex-start;align-content:flex-start;height:250px;width:60vw;position:relative;border-radius:10px;margin-bottom:50px}.matchHistory .match .game .metaInfo{position:absolute;width:40%;top:5px;left:30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.matchHistory .match .game .metaInfo .gameDuration{position:relative;display:inline-block;border-bottom:1px dotted #000}.matchHistory .match .game .gameInfo{width:200px}.matchHistory .match .game .gameInfo .otherPlayerInfo{position:relative;display:-webkit-flex;display:flex;top:10px;left:600px;overflow:ellipsis}.matchHistory .match .game .gameInfo .otherPlayerInfo a{width:35px;height:35px}.matchHistory .match .game .gameInfo .otherPlayerInfo button{margin-left:10px;padding:5px}.matchHistory .match .game .gameInfo .otherPlayerInfo img{width:35px;margin-right:10px}.matchHistory .match .game .gameInfo .otherPlayerInfo .otherUsers{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matchHistory .match .game .gameInfo .otherUsers{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;text-align:left}.matchHistory .match .game .gameInfo .userPlayInfo{position:absolute;top:35%;left:2%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.matchHistory .match .game .gameInfo .userPlayInfo .champNameContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:88.4px}.matchHistory .match .game .gameInfo .userPlayInfo .champNameContainer .champContainer{width:7rem;height:7rem;border:3px solid green;overflow:hidden;border-radius:50%}.matchHistory .match .game .gameInfo .userPlayInfo .champNameContainer .champContainer .championImage{width:100%;height:100%;border-radius:50%;overflow:hidden;-webkit-transform:scale(1.1);transform:scale(1.1)}.matchHistory .match .game .gameInfo .userPlayInfo .summonerSpell{margin-left:15px;margin-right:15px;margin-top:10px}.matchHistory .match .game .gameInfo .userPlayInfo .summonerSpell .spell1 img{width:32px}.matchHistory .match .game .gameInfo .userPlayInfo .summonerSpell .spell1:hover .toolTip{visibility:visible}.matchHistory .match .game .gameInfo .userPlayInfo .summonerSpell .spell2{margin-top:5px}.matchHistory .match .game .gameInfo .userPlayInfo .summonerSpell .spell2 img{width:32px}.matchHistory .match .game .gameInfo .userPlayInfo .summonerSpell .spell2:hover .toolTip{visibility:visible}.matchHistory .match .game .gameInfo .userPlayInfo .summonerSpell .toolTip{visibility:hidden;width:120px;background-color:#000;color:#fff;padding:5px 0;border-radius:6px;position:absolute;z-index:1}.matchHistory .match .game li{list-style:none;margin:5px}.matchHistory .win .game{background-color:rgba(116,177,191,.9);color:#000}.matchHistory .loss .game{background-color:rgba(143,32,29,.9);color:#fff}.kda{margin-right:20px;margin-left:5px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.kda .kdaTitle{margin-bottom:10px}.kda .kdaValue{margin-top:10px;color:#dbb957}.kdaAlign,.toolTip{text-align:center}.toolTip{visibility:hidden;background-color:#000;color:#fff;padding:5px 0;border-radius:6px;position:absolute;z-index:1;width:250px;bottom:100%;margin-left:-40px}.toolTip .itemName{color:violet}.toolTip .itemCost{color:gold}.item-lower:hover .toolTip,.item-upper:hover .toolTip,.trinket:hover .toolTip{visibility:visible}.filterContainer{display:-webkit-flex;display:flex;margin-bottom:30px;-webkit-justify-content:center;justify-content:center}.filterContainer input[type=text]{border-radius:10px;min-width:270px;width:20vw;height:52px;padding:20px;outline:none;border:2px solid #d2d2d7;color:#fff;background:#10172b}.filterContainer input[type=text]::-webkit-input-placeholder{text-align:center}.filterContainer input[type=text]:-ms-input-placeholder{text-align:center}.filterContainer input[type=text]::placeholder{text-align:center}.filterContainer input[type=text]:focus{box-shadow:0 4px 4px #74b1bf}.filterContainer .classChoiceContainer{display:-webkit-flex;display:flex;margin-left:20px}.filterContainer .classChoiceContainer .startChoice{border-radius:10px 0 0 10px}.filterContainer .classChoiceContainer .endChoice{border-radius:0 10px 10px 0}.filterContainer .classChoiceContainer .classChoice{width:52px;height:52px;background-color:#10172b;transition-duration:.4s;border:2px solid #d2d2d7}.filterContainer .classChoiceContainer .classChoice:focus,.filterContainer .classChoiceContainer .classChoice:hover{border:2px solid violet;box-shadow:0 4px 4px #74b1bf;cursor:pointer}.filterContainer .classChoiceContainer .classChoice img{width:52px;height:52px;display:block;margin:auto;padding:10px 12px 12px 10px}.championSection{margin-top:50px;width:100%;min-height:calc(100vh - 50px);background-color:#fafafa}.championSection .wrapper{max-width:90vw}.championSection .championSectionContainer{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:90vw}.championSection .championSectionContainer a:hover{color:none}.championSection .championSectionTitle{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:100px;margin-bottom:50px;color:#000}.championSection .champEachBox{width:250px;height:290px;padding-top:20px;padding-bottom:20px;margin:0 10px 20px;border-radius:15px 15px 0 0;position:relative}.championSection .champEachBox:not(:hover):before{content:"";position:absolute;bottom:0;left:15%;height:15px;width:180px;border-bottom:1px solid #d2d2d7}.championSection .champEachBox img{-webkit-transform:scale(1.05);transform:scale(1.05)}.championSection .champEachBox:hover{-webkit-transform:scale(1.08);transform:scale(1.08);transition:all .2s ease-out 0s;background-color:#d2d2d7;border-radius:15px}.championSection .champEachBox .championFlex{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%}.championSection .champEachBox .championFlex .champEachContainer{width:7rem;height:7rem;border:3px solid green;overflow:hidden;border-radius:50%;margin:50px auto 0}.championSection .champEachBox .championFlex .champEachContainer .championEach{width:75px;border-radius:50px;width:100%;height:100%;border-radius:50%;overflow:hidden;-webkit-transform:scale(1.1);transform:scale(1.1)}.championSection .champEachBox .championFlex .champEachInfo{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.championSection .champEachBox .championFlex .champEachInfo .champName{color:#10172b;font-size:2.2rem;margin-top:10px;margin-bottom:10px}.championSection .champEachBox .championFlex .champEachInfo .champTitle{color:#74b1bf;margin-bottom:10px}.championSection .champEachBox .championFlex .champEachInfo .classes{width:35px;margin:5px}.profile{width:100%;color:#000;margin-top:50px}.profile h4{margin-top:25px}.profile .championListContainer{text-align:center;margin:20px auto 0;min-height:calc(100vh - 50px)}.profile .championListContainer h3{margin-bottom:20px}.profile .championListContainer .recentSearchContainer{border:2px solid #74b1bf;width:80vw;margin:0 auto;min-height:100px}.profile .championListContainer .recentSearchContainer ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.profile .championListContainer .recentSearchContainer ul li{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#10172b;list-style:none;width:200px;height:34px;margin:10px;border:2px solid #d2d2d7}.profile .championListContainer .recentSearchContainer ul li:hover{background-color:#74b1bf}.profile .championListContainer .recentSearchContainer ul li a{width:100%;height:100%;position:relative}.profile .championListContainer .recentSearchContainer ul li a span{line-height:26px}.profile .championListContainer .recentSearchContainer ul li a:hover .toolTip{visibility:visible}.profile .championListContainer .recentSearchContainer ul li a .toolTip{background-color:#10172b;border:2px solid #d2d2d7;top:-45px;left:27px;width:220px;height:40px;color:#fff}.profile .championListContainer .championList{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;border:2px solid #74b1bf;min-height:187px;width:80vw;margin:0 auto}.profile .championListContainer .championList .champEachBox{width:150px;height:150px;background-color:#10172b;color:#fff;padding-top:10px;border-radius:5px;border:2px solid #74b1bf;margin:10px 10px 25px}.profile .championListContainer .championList .champEachBox .champEachInfo{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.profile .championListContainer .championList .champEachBox .champEachInfo .buttonContainer{position:relative;top:15px}.profile .championListContainer .championList .champEachBox .champEachInfo .champName{margin-bottom:5px}.profile .championListContainer .championList .champEachBox .champEachInfo button{cursor:pointer;background-color:#10172b;color:#d2d2d7;transition:.4s ease;padding:5px;border:1px solid #74b1bf}.profile .championListContainer .championList .champEachBox .champEachInfo button:hover{background-color:#74b1bf;color:#fff;border-color:#d2d2d7}.profile .championListContainer .championList .champEachBox img{-webkit-transform:scale(1.05);transform:scale(1.05)}.profile .championListContainer .championList .champEachBox .championFlex{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%}.profile .championListContainer .championList .champEachBox .championFlex .champEachContainer{width:7rem;height:7rem;border:3px solid green;overflow:hidden;border-radius:50%;margin:0 auto 5px}.profile .championListContainer .championList .champEachBox .championFlex .champEachContainer:hover{-webkit-transform:scale(1.08);transform:scale(1.08);transition:all .2s ease-out 0s;border:3px solid violet}.profile .championListContainer .championList .champEachBox .championFlex .champEachContainer .championEach{width:75px;border-radius:50px;width:100%;height:100%;border-radius:50%;overflow:hidden;-webkit-transform:scale(1.1);transform:scale(1.1)}.champEachInfoContainer{width:100px;height:100px;margin-bottom:20px}.champEachInfoContainer .championEach{width:100%;height:100%;overflow:hidden;-webkit-transform:scale(1.1);transform:scale(1.1)}.champStatContainer{width:60%;padding:20px;border-radius:10px;background-color:rgba(16,23,43,.8)}.champStatContainer .statDescription p{margin:15px 0}.champStatContainer h2{margin-bottom:30px;color:#fff;font-size:4rem}.duplicateError,.loginError{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.addCompleteTrigger{-webkit-animation:color-change 1s;animation:color-change 1s}@-webkit-keyframes color-change{0%{color:#74b1bf}50%{color:violet}to{color:#74b1bf}}@keyframes color-change{0%{color:#74b1bf}50%{color:violet}to{color:#74b1bf}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.eachInfo{margin-top:50px;width:100%}.eachInfo .champInfoBoxContainer{background-color:rgba(16,23,43,.8);margin-bottom:20px;border-radius:10px}.eachInfo .champInfoBoxContainer .lore{padding:20px}.eachInfo .champInfoBoxContainer .champInfoBox{margin-top:50px;border-radius:10px;padding:20px;display:-webkit-flex;display:flex;position:relative}.eachInfo .champInfoBoxContainer .champInfoBox .addListButtonContainer{position:absolute;right:22px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.eachInfo .champInfoBoxContainer .champInfoBox .addListButtonContainer p{margin-top:10px;color:red}.eachInfo .champInfoBoxContainer .champInfoBox .addListButtonContainer .addComplete{color:#74b1bf}.eachInfo .champInfoBoxContainer .champInfoBox .addListButtonContainer .addListButton{display:block;cursor:pointer;background-color:#10172b;color:#d2d2d7;transition:.4s ease;padding:10px;width:300px;height:50px;border:1px solid #74b1bf}.eachInfo .champInfoBoxContainer .champInfoBox .addListButtonContainer .addListButton:focus,.eachInfo .champInfoBoxContainer .champInfoBox .addListButtonContainer .addListButton:hover{background-color:#74b1bf;color:#fff}.eachInfo .champInfoBoxContainer .champInfoBox .toolTip .spellName{color:violet}.eachInfo .champInfoBoxContainer .champInfoBox .toolTip .spellCD{color:gold}.eachInfo .champInfoBoxContainer .champInfoBox .skillContainer{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;margin-left:30px}.eachInfo .champInfoBoxContainer .champInfoBox .skillContainer .skills{margin:10px;height:50px;position:relative}.eachInfo .champInfoBoxContainer .champInfoBox .skillContainer .skills img{width:50px;height:50px;border:2px solid #000}.eachInfo .champInfoBoxContainer .champInfoBox .skillContainer .skills:hover .toolTip{visibility:visible}.eachInfo .champInfoBoxContainer .champInfoBox .skillContainer .skills .toolTip{bottom:115%;left:-120px;width:400px;color:#fff}.eachInfo .champInfoBoxContainer .champInfoBox .skillContainer .skills .keyboard{position:relative;background:rgba(0,0,0,.8);border-radius:1px;padding-left:5px;width:20px;left:30px;bottom:25px}.eachInfo .champInfoBoxContainer .champInfoBox .skillContainer .skills .keyboard span{font-size:14px;color:#fff}.eachInfo .champInfoBoxContainer .champInfoBox .classContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.eachInfo .champInfoBoxContainer .champInfoBox h2{color:#fff;font-size:4rem;margin-bottom:20px}.eachInfo .champInfoBoxContainer .champInfoBox p{margin-top:20px;font-size:2rem}.eachInfo .champInfoBoxContainer .champInfoBox span{color:#74b1bf}.eachInfo .champInfoBoxContainer .champInfoBox .classes{width:35px;margin:7px 12px}.champBackground{position:absolute;z-index:-1;width:100%;height:calc(100vh - 50px);min-height:900px;border:none;background-color:none}.statContainer p{position:absolute;top:47%;left:10px;margin:0 auto;color:#000;-webkit-transform:translateY(-50%);transform:translateY(-50%);letter-spacing:1px}.statContainer{position:relative;width:40vw;margin:20px;background:#444;transition:.5s ease .15s}.stat,.statContainer{height:30px;border-radius:5px}.stat{transition:.25s ease}.attack{background:red}.attack,.defense{-webkit-animation:load 2s;animation:load 2s}.defense{width:85%;background:#ff0}.magic{width:55%;background:#00f}.difficulty,.magic{-webkit-animation:load 2s;animation:load 2s}.difficulty{width:40%;background:purple}@-webkit-keyframes load{0%{width:0}}@keyframes load{0%{width:0}}.desc{display:none;box-sizing:border-box;padding:10px;width:600px;background:#333;border-radius:10px;margin:0 auto}.desc p{color:#fff;margin:0 auto}.flexContainer{display:-webkit-flex;display:flex}.flexContainer .result{width:100%;margin-top:50px}.flexContainer .headerBackground{position:absolute;z-index:-1;width:100%;height:1000px}.flexContainer .searchResult{display:-webkit-flex;display:flex}.flexContainer .searchResult .rankedInfo{margin-left:20px;margin-right:50px;margin-top:50px;padding-left:20px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:21vw;height:200px;background:rgba(16,23,43,.85);border-radius:10px}.flexContainer .searchResult .rankedInfo .rank{width:150px;height:150px;-webkit-align-self:center;align-self:center;margin-right:30px}.flexContainer .searchResult .rankedInfo .ranked{-webkit-align-self:center;align-self:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.flexContainer .searchResult .rankedInfo .tier{margin-top:10px;margin-bottom:10px;color:#a6e1fa}.flexContainer .searchResult .rankedInfo .unranked{margin-bottom:20px;color:#f3b0ff}.playerName{margin-top:15px}.player{display:-webkit-flex;display:flex}a,a:hover,a:visited{color:#fff;text-decoration:none}a:focus-visible{outline:none}a:focus{text-decoration:none;color:#fff}.myChampion{margin:auto 0}.championImage,.myChampion{width:50px;height:50px}.items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;margin-left:10px;grid-gap:5px;gap:5px}.items .trinket{grid-column-start:4;grid-column-end:5;grid-row-start:2;grid-row-end:4}.items .item-upper{display:grid;grid-row-start:1;grid-row-end:3}.items .item-lower{display:grid;grid-row-start:3;grid-row-end:5}.items img{width:30px;border:1px solid grey}.levelDetail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.error{margin-top:70px;font-size:2rem;color:#000}.proficiency{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.proficiency .mastery{padding-left:10px;margin:20px 20px 10px;font-size:2.5rem;color:#fff;font-family:"Spectral",serif;text-transform:uppercase;border-radius:5px;height:50px;-webkit-align-items:center;align-items:center}.proficiency .eachProficiency,.proficiency .mastery{background:rgba(16,23,43,.85);width:21vw;display:-webkit-flex;display:flex}.proficiency .eachProficiency{-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:20px;margin-bottom:10px;border-radius:10px}.proficiency .eachProficiency .masteryInfo{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin-left:20px}.proficiency .eachProficiency .masteryInfo span{margin:5px 0}.proficiency .eachProficiency .profImage{width:70px;margin:5px}.rune{margin-right:10px}.rune .runeImage{width:40px}.rune .subRuneImage{width:28px;margin-left:6px}.loadButton{background-color:none;text-align:center;height:50px;width:60vw;border-radius:10px;margin-bottom:50px;font-family:"Fjalla One",sans-serif;font-size:2.2rem;text-transform:uppercase;background:#10172b;color:#d2d2d7;outline:none;border:none;transition-duration:.4s}.loadButton:hover{background:#74b1bf;color:#fff;cursor:pointer}.rotations{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:50px}.rotations .rotationContainer{width:800px;margin:0 auto;overflow:hidden}.rotations .rotationContainer .rotation{display:-webkit-flex;display:flex;transition:ease}.rotations .rotationContainer .rotation .eachRotation{margin:10px}.rotations .rotationContainer .rotation .eachRotation .profImage{width:65px}.rotations .rotationForNewPlayers{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:75vw}.rotations .rotationForNewPlayers .eachRotation{margin:10px}.rotations .rotationForNewPlayers .eachRotation .profImage{width:65px}@media (max-width:1700px){.searchResult{font-size:1.6rem}.searchResult .game{font-size:1.6rem;min-width:1010px}.searchResult .loadButton{min-width:1010px}}@media (max-width:1530px){.flexContainer .searchResult{-webkit-flex-direction:column;flex-direction:column}.flexContainer .searchResult .rankedResult{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.flexContainer .searchResult .proficiency{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:1000px;margin-top:50px}.flexContainer .searchResult .mastery{display:none}.flexContainer .searchResult .rankedInfo{width:350px;margin-left:3vw;margin-top:50px}.flexContainer .searchResult .proficiency{margin-left:1.5vw}.flexContainer .searchResult .loadButton{margin-left:3vw}.flexContainer .searchResult .matchHistory{margin-top:50px;margin-left:3vw}.flexContainer .searchResult .matchHistory .game{width:900px}}@media (max-width:1375px){.wrapper{width:1300px}.about .aboutTitleContainer{width:100vw}.about p{margin-left:20px;margin-right:20px}.about p,.about span{text-align:center}.about .aboutImageContainer{width:100vw;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.about .aboutImageContainer img{margin:10px auto}.about .aboutImageContainer .explanation{width:100%}}@media (max-width:1070px){.searchBar form input[type=text]{width:250px;margin-left:0}.flexContainer .searchResult{-webkit-flex-direction:column;flex-direction:column}.flexContainer .searchResult .rankedInfo{width:350px;margin-left:3vw;margin-top:50px}.flexContainer .searchResult .loadButton{width:850px;min-width:unset}.flexContainer .searchResult .matchHistory{margin:0 auto;width:850px}.flexContainer .searchResult .matchHistory .match,.flexContainer .searchResult .matchHistory .match .game{min-width:unset;width:850px}.flexContainer .searchResult .matchHistory .match .game .gameInfo{width:150px}.flexContainer .searchResult .matchHistory .match .game .gameInfo .otherPlayerInfo{left:550px;width:130px;height:36.5px}.filterContainer{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.filterContainer input[type=text]{width:270px;margin-left:17px}}@media (max-width:900px){.flexContainer .searchResult .loadButton{width:600px;display:block;margin:0 auto}.flexContainer .searchResult .matchHistory{width:600px}.flexContainer .searchResult .matchHistory .match{width:600px;margin:0 auto}.flexContainer .searchResult .matchHistory .match .game{width:600px}.flexContainer .searchResult .matchHistory .match .game .metaInfo{width:170px;height:45px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.flexContainer .searchResult .matchHistory .match .game .gameInfo .userPlayInfo{-webkit-flex-wrap:wrap;flex-wrap:wrap;width:300px;height:200px;top:20%}.flexContainer .searchResult .matchHistory .match .game .gameInfo .otherPlayerInfo{left:300px}}@media (max-width:720px){.searchBar form input[type=text]{width:35vw;margin-left:0}.searchBar .home{margin-left:20px}}@media (max-width:630px){.searchBar{text-align:center}.searchBar nav,.searchBar nav ul{width:360px}.searchBar nav ul .home{margin-left:20px}.searchBar nav ul li{margin:0 20px}.searchBar form input[type=text]{width:30vw;margin-left:0}.flexContainer h2{text-align:center}.flexContainer .searchResult .proficiency{margin:0 auto;width:460px}.flexContainer .searchResult .proficiency .eachProficiency{width:60vw;margin:10px auto}.flexContainer .searchResult .rankedInfo{margin:100px auto 20px}.flexContainer .searchResult .matchHistory{margin-top:50px;width:550px}.flexContainer .searchResult .matchHistory .match{width:550px;margin:0 auto}.flexContainer .searchResult .matchHistory .match .game{width:550px}.flexContainer .searchResult .matchHistory .match .game .metaInfo{width:340px;height:45px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.flexContainer .searchResult .matchHistory .match .game .gameInfo .userPlayInfo{width:550px;height:200px;top:10%}.flexContainer .searchResult .matchHistory .match .game .gameInfo .otherPlayerInfo{display:none}}@media (max-width:560px){.about .aboutImageContainer img{width:350px}.searchBar{text-align:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.searchBar nav{width:360px;margin:0 auto}.searchBar nav ul{width:360px}.searchBar nav ul .home{margin-left:25px}.searchBar nav ul li{margin:0 20px}.searchBar form{margin:0 auto}.searchBar form input[type=text]{width:80vw}.flexContainer .searchResult{-webkit-flex-direction:column;flex-direction:column}.flexContainer .searchResult .proficiency,.flexContainer .searchResult .proficiency .eachProficiency{width:320px}.flexContainer .searchResult .proficiency .eachProficiency .profImage{margin-right:30px}.flexContainer .searchResult .rankedInfo{width:320px;height:150px;margin:50px auto 0}.flexContainer .searchResult .rankedInfo .rank{width:100px;height:100px;margin-right:10px;margin-left:20px}.flexContainer .searchResult .loadButton{width:320px}.flexContainer .searchResult .matchHistory{margin-top:50px;width:320px}.flexContainer .searchResult .matchHistory .match{width:320px}.flexContainer .searchResult .matchHistory .match .game{width:320px;margin:10px auto}.flexContainer .searchResult .matchHistory .match .game .metaInfo{width:170px;height:45px;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:40px}.flexContainer .searchResult .matchHistory .match .game .gameInfo .userPlayInfo{-webkit-flex-wrap:wrap;flex-wrap:wrap;width:300px;height:200px;top:20%;margin-left:22px}.flexContainer .searchResult .matchHistory .match .game .gameInfo .userPlayInfo ul{margin-left:23px}.flexContainer .searchResult .matchHistory .match .game .gameInfo .otherPlayerInfo{left:0}}
/*# sourceMappingURL=main.36656d58.chunk.css.map */