body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}a,button{color:inherit;text-decoration:none}button{background:none;border:none;box-shadow:none;cursor:pointer}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Georgia,serif}:root{--grey:#707070;--blue:#0c0c28;--green:#41924b;--red:#c62727;--gold:#cdaa35;--silver:#d1d1d1;--bronse:#9a5521}body{color:#0c0c28;color:var(--blue);font-family:Poppins,sans-serif}input[type=text]{border:2px solid #0c0c28;border:2px solid var(--blue);border-radius:50px}#root{display:flex;min-height:100vh}.overlay{align-items:flex-start;background-color:rgba(0,0,0,.2);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.overlay.show{display:flex}.popup{background:#fff;border:2px solid #0c0c28;border:2px solid var(--blue);border-radius:7px;margin-top:40px;max-width:500px;padding:20px}.popup>*{margin-right:20px}.popup>:last-child{margin-right:0}.popup button,.popup input{font-size:16px;padding:10px 20px}.popup button{border-radius:50px;color:#fff;font-weight:600}.popup button,nav{background-color:#0c0c28;background-color:var(--blue)}nav{height:100%;position:fixed}nav a{display:block;padding:40px 20px}nav a:first-of-type{padding-top:20px}nav a:last-of-type{padding-bottom:20px}nav a img:nth-of-type(2){display:none}nav a.active{background:#fff}nav a.active img:first-of-type{display:none}nav a.active img:nth-of-type(2){display:block}.container{flex-grow:1;margin:40px auto 0;max-width:1050px;padding:0 20px}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:50px}h1,h2,h3{color:#0c0c28;color:var(--blue);font-weight:500}h1{font-size:40px}h2{font-size:20px}header .utils{display:flex}.search{font-size:16px;padding:10px 20px;width:200px}.utils *{margin-right:20px}.utils :last-child{margin-right:0}.utils .add,.utils button{align-items:center;border:2px solid #0c0c28;border:2px solid var(--blue);border-radius:50%;display:flex;font-size:30px;height:40px;justify-content:center;margin:0;width:40px}.utils .add,.utils .back{background-color:#0c0c28;background-color:var(--blue);color:#fff}.utils .back img{width:19px}.borderList li a{align-items:center;background:#fff;border:2px solid #0c0c28;border:2px solid var(--blue);border-radius:7px;display:flex;font-size:30px;font-weight:500;justify-content:space-between;margin-bottom:20px;padding:20px}.borderList li:last-of-type a{margin-bottom:0}.gameList .winner img{margin-right:10px;width:35px}.gameList .games-vs{display:flex;font-size:16px;font-weight:400;line-height:1.3}.gameList .games-vs>div{align-items:flex-end;display:flex;flex-direction:column;margin-right:20px;width:90px}.gameList .games-vs>div:last-of-type{margin-right:0}.gameList .games-vs>div span:first-of-type{font-size:30px;font-weight:600}.gameList .games-vs>div.won span:first-of-type{color:#41924b;color:var(--green)}.gameList .games-vs>div.lost span:first-of-type{color:#c62727;color:var(--red)}.stats{color:#707070;color:var(--grey);display:flex;font-size:20px;justify-content:space-between;width:50%}.stats div span{color:#0c0c28;color:var(--blue);font-size:24px;font-weight:600;margin-left:5px}.stats div.wins span{color:#41924b;color:var(--green)}.stats div.loses span{color:#c62727;color:var(--red)}.playerScreen{position:relative}.playerScreen h1{margin-bottom:80px;text-align:center}.playerScreen .stats{color:#0c0c28;color:var(--blue);display:flex;font-weight:500;position:absolute;right:0;top:0;width:200px}.playerScreen .stats>div{display:flex;flex-direction:column}.playerScreen .stats>div p{font-size:18px;margin-bottom:8px}.playerScreen .stats>div:last-of-type p{font-weight:600}.playerScreen .stats>div:last-of-type p:nth-of-type(2),.playerScreen .stats>div:last-of-type p:nth-of-type(4){color:#41924b;color:var(--green)}.playerScreen .stats>div:last-of-type p:nth-of-type(3),.playerScreen .stats>div:last-of-type p:nth-of-type(5){color:#c62727;color:var(--red)}.playerScreen .contentBlock-buttons button{color:#0c0c28;color:var(--blue);font-size:20px;font-weight:600;padding:20px}.playerScreen .contentBlock-buttons button.active{background:#0c0c28;background:var(--blue);color:#fff}.playerScreen .contentBlock-inner{background:#0c0c28;background:var(--blue);padding:30px}.vs{display:flex;flex-wrap:wrap;justify-content:flex-start}.vs .block{margin-right:30px;max-width:300px;width:calc(50% - 10px)}.vs>.block:nth-of-type(2){margin-right:0}.vs h2{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px}.block-inner{background:#fff;border-radius:7px;padding:20px 0}.block-inner p{display:flex;font-size:18px;font-weight:500;justify-content:space-between;padding:0 20px 20px}.block-inner p:last-of-type{padding-bottom:0}.block-inner p span{font-size:22px;font-weight:600}.block-inner p:nth-of-type(3) span{color:#41924b;color:var(--green)}.block-inner p:nth-of-type(4) span{color:#c62727;color:var(--red)}.block-inner .block-name{border-bottom:4px solid #0c0c28;border-bottom:4px solid var(--blue);font-size:25px;font-weight:600;margin-bottom:20px}.vs .compare{display:flex;margin-top:30px;width:100%}.vs .compareButton{background:#41924b;background:var(--green);border-radius:7px;color:#fff;font-size:25px;height:60px;margin-top:40px;width:100%}.playerList{width:250px}.playerList li{background:#fff;border:2px solid #0c0c28;border:2px solid var(--blue);border-radius:7px;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:10px;padding:10px;transition:all .2s ease-in-out}.playerList li:hover{background:#0c0c28;background:var(--blue);color:#fff}.popup .search{border:none;border-bottom:2px solid #0c0c28;border-bottom:2px solid var(--blue);border-radius:0;margin-bottom:20px;margin-right:0;padding:10px;width:calc(100% - 20px)}.playerScreen+.overlay .search:focus{outline:none}.hide{display:none!important}.popup.addGame{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;width:500px}.popup.addGame>*{margin-right:0}.popup.addGame .addGameBtn{margin-left:auto;margin-right:auto}.popup.addGame .row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.popup.addGame .row p{font-size:20px;font-weight:600}.popup.addGame .row input{-moz-appearance:textfield;border-bottom:2px solid #0c0c28;border-bottom:2px solid var(--blue);border-radius:7px;padding:10px;text-align:center;width:30px}.popup.addGame .row input::-webkit-inner-spin-button,.popup.addGame .row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.popup.addGame .gameInfoFooter{display:flex;justify-content:space-between;width:100%}.popup.addGame .row+.gameInfoFooter{margin-top:10px}.popup.addGame .gameInfoFooter .saveGame{margin-left:auto}.popup.addGame .gameInfoFooter .delete{background-color:#c62727;background-color:var(--red)}.rankList .info,.rankList .info .score{align-items:center;display:flex}.rankList .info .score{border:3px solid #0c0c28;border:3px solid var(--blue);border-radius:50%;font-size:20px;font-weight:600;height:35px;justify-content:center;margin-right:15px;width:35px}.rankList li:first-of-type .info .score{background:#cdaa35;background:var(--gold);border-color:#cdaa35;border-color:var(--gold);color:#fff}.rankList li:nth-of-type(2) .info .score{background:#d1d1d1;background:var(--silver);border-color:#d1d1d1;border-color:var(--silver);color:#fff}.rankList li:nth-of-type(3) .info .score{background:#9a5521;background:var(--bronse);border-color:#9a5521;border-color:var(--bronse);color:#fff}.rankList .utils button{border-radius:50px;font-size:18px;margin-right:10px;padding:10px 15px;width:auto}.rankList .utils button:last-of-type{margin-right:0}.rankList .utils button.active{background:#0c0c28;background:var(--blue);color:#fff;font-weight:600}.rankList .stats{width:auto}
/*# sourceMappingURL=main.02e0ea72.css.map*/