.header-container{justify-content:center;width:100%;display:flex}.header-elements-container{width:90%;padding-top:20px;padding-bottom:20px}@media screen and (width>=768px){.header-elements-container{max-width:1100px}}.logo{height:36px}.leaderboard-container{width:90%}@media screen and (width>=768px){.leaderboard-container{max-width:1100px}}.loading-view-container{justify-content:center;margin-top:200px;display:flex}.leaderboard-table-container{border-radius:12px;padding-left:0;list-style-type:none;overflow:hidden}.leaderboard-header{background-color:#378caf;padding-top:18px;padding-bottom:18px;padding-left:50px;display:flex}.table-heading{color:#f1f5f9;width:20%;margin:0;padding-right:30px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500}.rank{width:15%}.name{width:30%}.score{width:15%}.leaderboard-row-container{background-color:#fff;border:1px solid #cbd5e164;align-items:center;padding-top:12px;padding-bottom:12px;padding-left:50px;display:flex}.table-cell{align-items:center;width:20%;padding-right:24px;display:flex}.text{color:#475569;margin:0;font-family:Roboto,sans-serif;font-size:14px}.rank-container{width:15%}.rank{color:#334155;margin:0;padding-left:12px;font-family:Roboto,sans-serif;font-size:14px}.badge{width:32px;height:32px}.profile-container{width:30%}.avatar{border-radius:50%;width:32px;height:32px;margin-right:15px}.name{color:#334155;flex:1;margin:0;font-family:Roboto,sans-serif;font-size:14px}.score-container{width:15%}.score,.language{color:#334155;margin:0;font-family:Roboto,sans-serif;font-size:14px}.language-container,.time-spent-container{width:20%}.timer-icon{color:#475569}.time-spent{color:#334155;margin:0 0 0 6px;font-family:Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.main-container{background-image:url(https://assets.ccbp.in/frontend/hooks/nxt-code-bg.png);background-size:cover;flex-direction:column;align-items:center;min-height:100vh;padding-bottom:50px;display:flex}.title{text-align:center;color:#f8fafc;margin:30px 0 0;font-family:Roboto,sans-serif;font-size:36px;font-weight:500}@media screen and (width>=768px){.title{font-size:46px}}.description{text-align:center;color:#e2e8f0;margin-bottom:40px;font-family:Roboto,sans-serif;font-size:16px}@media screen and (width>=768px){.description{font-size:20px}}