@import url(https://fonts.googleapis.com/css?family=Cinzel|Cinzel+Decorative|Raleway&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}body,html{background-color:#0b151d;margin:0;padding:0;font-family:Raleway}.loader{background-image:url(../img/ajax-loader.66bbcdaf.gif);background-size:32px 32px;background-repeat:no-repeat;margin:40px auto;height:32px;width:32px}#app{width:100%;margin:0 auto}.login-header{background-image:url(../img/logo.8c5eabdc.svg);background-size:255px 49px;height:64px;background-position:50%;background-repeat:no-repeat}.login{margin-top:20px}.login input[type=password]{background-color:transparent;border:1px solid #fff;border-radius:15px;font-size:16px;padding:10px 14px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:15px;outline:none;color:#fff}.login .login-btn{font-family:Cinzel Decorative,cursive;font-size:24px;background-color:#fff;border:1px solid #707070;border-radius:20px;padding:10px 18px;outline:none}.list{background-color:#132432;min-height:100vh}.list .list-header{background-color:#0b151d;height:115px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list .list-header .filter-box{font-family:Raleway;font-size:16px;background-color:transparent;border:1px solid #fff;width:calc(100% - 40px);-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 12px;border-radius:15px;color:#fff;outline:none}.list .player-list{margin:20px 20px 0 20px;list-style-type:none;padding:0 0 40px 0}.list .player-list .player-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:10px;cursor:pointer}.list .player-list .player-item .avatar{height:60px;width:60px;border-radius:30px;margin-right:12px;background-repeat:no-repeat;background-size:cover;background-position:50%;background-color:#aaa}.list .player-list .player-item h3{margin:0;font-family:Cinzel;font-size:16px;color:#fff}.player{position:relative;padding-top:56px}.player .back-link{background-image:url(../img/back.cb00e7d4.svg);background-size:35px 35px;width:35px;height:35px;position:absolute;cursor:pointer;left:27px;top:20px}.player .avatar{width:160px;height:160px;border-radius:200px;margin:0 auto 20px auto;background-size:cover;background-position:50%;background-repeat:no-repeat}.player h1{font-family:Cinzel;font-size:29px}.player .player-description p,.player h1{color:#fff;max-width:300px;margin:0 auto 22px auto;text-align:left}.player .player-description p{font-family:Raleway;font-size:16px;line-height:24px}.player .player-description a{text-decoration:underline;color:inherit}@media (min-width:768px){#app{max-width:400px}#app .login-header{height:100px;margin-top:40px;background-size:contain}}