@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700);*{box-sizing:border-box}body,html{margin:0;padding:0}h1{font:2em/1.5 Titillium Web,sans-serif;text-align:center;margin:0 0 25px}h3{font:700 1.1em/1.3 Titillium Web,sans-serif;margin:0;display:inline-block}i{margin-left:10px}main{width:100%;background:-webkit-radial-gradient(#000 15%,transparent 16%) 0 0,-webkit-radial-gradient(#000 15%,transparent 16%) 8px 8px,-webkit-radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 0 1px,-webkit-radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 8px 9px;background:radial-gradient(#000 15%,transparent 16%) 0 0,radial-gradient(#000 15%,transparent 16%) 8px 8px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 0 1px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 8px 9px;background-color:#282828;background-size:16px 16px}.container{width:100%;max-width:620px;min-height:100vh;padding:30px 0 20px;margin:0 auto;background-color:#fff;box-shadow:0 0 15px 2px #000}@media (min-width:540px){.container{padding:30px 20px 20px}}.table{width:100%}.table-body article,.table-header{width:100%;padding:10px 15px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.table-body article{font:1em/1.2 Titillium Web,sans-serif;border-bottom:1px solid #d3d6db}.table-body article:nth-child(2n){background-color:#f5f7fa}.col-rank{width:5%}.col-2-user{width:43%}.col-image{width:8%;padding:2px}.col-alltime,.col-recent{width:26%}.col-username{width:35%;padding-left:6px}.col-username a{color:#5c7aa8;text-decoration:none}.col-username a:hover{color:#558de2}.user-img{width:100%;max-width:100%;height:auto;border-radius:50%;opacity:.8;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease;transition:all .3s ease}.user-img:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.sort{cursor:pointer}.spinner{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fa.fa-spinner.fa-pulse.fa-3x.fa-fw{color:#5c7aa8}