#GetYourScore { background:linear-gradient(to top left, #397100, #6C0); color:white; }


#GetYourScore { display: flex; flex-wrap: wrap; justify-content: center; }

#GetYourScore h2 + a {color:rgba(255,255,255,0.5)!important;}
#GetYourScore h2 + a:hover {color:white!important;}



#GetYourScore .score {font-size:50px;  min-width:98px; text-align:center; background-color:rgba(255,255,255,0.5); border-radius:10px; margin:20px;}


#GetYourScore .score::before {display:block; font-size:12px; line-height:14px; text-transform:uppercase; letter-spacing:1px; color:rgba(0,0,0,0.5); }
#GetYourScore .today::before {content:'Today'}
#GetYourScore .total::before {content:'All time'}


#GetYourScore .score span {display:block; line-height:90px; padding-left:10px; padding-right:10px; background:linear-gradient(to top left, #397100, #6C0);  margin-left:4px; margin-right:4px; margin-bottom:4px;
						   border-bottom-left-radius:8px; border-bottom-right-radius:8px}


	#GetYourScore .text { margin: 20px; display: flex; align-items: center; font-size:25px; white-space:pre-wrap;  line-height:1.4 }

@media screen and (min-width:415px) {
	#GetYourScore .text { font-size: 30px; }
}