:root{--uncommon: #1eff00;--rare: #0070dd;--epic: #a335ee;--legendary: #ff8000;--deathknight: #C41E3A;--demonhunter: #A330C9;--druid: #FF7C0A;--evoker: #33937F;--hunter: #AAD372;--mage: #3FC7EB;--monk: #00FF98;--paladin: #F48CBA;--priest: #ffffff;--rogue: #FFF468;--shaman: #0070DD;--warlock: #8788EE;--warrior: #C69B6D}body{font-family:"Oswald",serif;font-optical-sizing:auto;font-weight:200;font-style:normal;padding:20px;background-color:#3a342f;background-image:url("../images/background.jpg");background-position:top center;background-repeat:repeat-x;background-size:cover;margin:0;color:#fff;text-align:center}header{text-align:left;display:flex;justify-content:space-between}header img{height:50px;margin-right:15px}header ul{list-style:none;margin:0;display:flex}.header__logo{display:flex;font-size:25px;align-items:center}a{color:#fff;text-decoration:underline}h1,h2,h3{margin:0 0 1rem 0}h1{font-size:70px}label{display:block}.challenge__container{display:flex;margin:0 -20px;justify-content:center;flex-wrap:wrap}.challenge__headline{text-align:center}.challenge__role{text-transform:uppercase;font-weight:bold}.challenge__class{width:10px;height:10px;display:inline-block;margin-right:10px}.challenge__class--deathknight{background:var(--deathknight)}.challenge__class--demonhunter{background:var(--demonhunter)}.challenge__class--druid{background:var(--druid)}.challenge__class--evoker{background:var(--evoker)}.challenge__class--hunter{background:var(--hunter)}.challenge__class--mage{background:var(--mage)}.challenge__class--monk{background:var(--monk)}.challenge__class--paladin{background:var(--paladin)}.challenge__class--priest{background:var(--priest)}.challenge__class--rogue{background:var(--rogue)}.challenge__class--shaman{background:var(--shaman)}.challenge__class--warlock{background:var(--warlock)}.challenge__class--warrior{background:var(--warrior)}.challenge__portrait{text-align:center}.challenge__character{width:150px;clip-path:polygon(0 10%, 10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%);background:#e0be75;background:linear-gradient(0deg, rgb(224, 190, 117) 0%, rgb(136, 100, 58) 100%);box-shadow:10px 10px 10px #000;text-align:center;margin:10px;color:#000}.challenge__inner{padding:20px;border-top:2px solid #000;border-bottom:2px solid #000}.challenge__score{background:#fff;font-weight:bold;text-align:center;position:relative}.challenge__score--rare{background:var(--uncommon)}.challenge__score--epic{background:var(--rare)}.challenge__score--legendary{background:var(--epic)}.challenge__score-label{position:relative;z-index:1}.challenge__indicator{position:absolute;top:0;left:0;bottom:0}.challenge__score--uncommon .challenge__indicator{background:var(--uncommon)}.challenge__score--rare .challenge__indicator{background:var(--rare)}.challenge__score--epic .challenge__indicator{background:var(--epic)}.challenge__score--legendary .challenge__indicator{background:var(--legendary)}@media screen and (min-width: 500px){body{padding:60px}.challenge__player{padding:20px}.challenge__characters{display:flex}}