@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,400;1,100&display=swap);#app{background-color:#fff}.leaderboard{max-width:490px;width:100%;border-radius:12px;margin:auto}.leaderboard header{--start:15%;height:130px;background-image:repeating-radial-gradient(circle at var(--start),transparent 0,transparent 10%,rgba(54,89,219,.33) 0,rgba(54,89,219,.33) 17%),linear-gradient(90deg,#5b7cfa,#3659db);color:#fff;position:relative;overflow:hidden}.leaderboard header .leaderboard__title{position:absolute;z-index:2;top:50%;right:calc(var(--start)*0.75);transform:translateY(-50%);text-transform:uppercase;margin:0}.leaderboard header .leaderboard__title span{display:block}.leaderboard header .leaderboard__title--top{font-size:24px;font-weight:700;letter-spacing:6.5px}.leaderboard header .leaderboard__title--bottom{font-size:13px;font-weight:500;letter-spacing:3.55px;opacity:.65;transform:translateY(-2px)}.leaderboard header .leaderboard__icon{fill:#fff;opacity:.35;width:50px;position:absolute;top:50%;left:var(--start);transform:translate(-50%,-50%)}.leaderboard__profiles{background-color:#fff;border-radius:0 0 12px 12px;padding:15px 15px 20px;display:grid;row-gap:8px}.leaderboard__profile{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;padding:10px 30px 10px 10px;overflow:hidden;border-radius:10px;box-shadow:0 5px 7px -1px rgba(51,51,51,.23);cursor:pointer;transition:transform .25s cubic-bezier(.7,.98,.86,.98),box-shadow .25s cubic-bezier(.7,.98,.86,.98);background-color:#fff}.leaderboard__profile:hover{transform:scale(1);box-shadow:0 9px 47px 11px rgba(51,51,51,.18)}.leaderboard__picture{max-width:100%;width:60px;border-radius:50%}.leaderboard__name{color:#979cb0;font-weight:600;font-size:20px;letter-spacing:.64px;margin-left:12px}.leaderboard__value{color:#35d8ac;font-weight:700;font-size:12px;text-align:right}.leaderboard__value>span{opacity:.8;font-weight:600;font-size:13px;margin-left:3px}body{margin:0;background-color:#eaeaea;display:grid;height:100vh;place-items:top;font-family:Montserrat,sans-serif}.leaderboard{box-shadow:0 0 40px -10px rgba(0,0,0,.4)}.back-button{padding:100px;padding:10px;background-color:#04aa6d;border-color:#04aa6d;padding-left:19px;padding-right:19px;border:1px solid #ccc;border-radius:5px}.back-button,.home-button{color:#fff;font-family:Source Sans Pro,sans-serif}.home-button{padding:10px;background-color:#03a9f4;border-color:#03a9f4;padding-left:19px;padding-right:19px;border:1px solid #ccc;border-radius:5px}