/*#History { padding: 0px;  }*/


#History [itemtype$='Person'] {display:flex; justify-content:space-between; }


#History .circle {margin:10px; vertical-align:top; border:1px solid white; transition:1s border-color}
#History .circle:hover {border-color:#6C0}

#History .circle {position:relative; border-radius: 50%; overflow: hidden; width: 20vw; height: 20vw; background-color: white; display: inline-flex; justify-content: center; align-items: center; }

#History .circle > img {position:absolute; left:0; top:0; margin-left:auto; height:100%; width:100%;}



#History .circle {width:calc(45vw - 20px); height:calc(45vw - 20px)}
#History [itemtype$='Rating'] { font-size: 18vw; color: #6C0; font-weight: bold; text-align:center }


@media screen and (min-width:415px)
{
	#History .circle {width:calc(11vw + 35px); height:calc(11vw + 35px);}

	#History [itemtype$='Person'] {display:inline-flex}

	#History [itemtype$='Rating'] {font-size:7.5vw}
}



#History div[itemprop='ratingValue']::before {content:'SCORE'; font-size:10px; display:block}



#History .nutrients { display: flex; flex-wrap: wrap; font-size:12px; justify-content:space-between; color:white; padding-left:10px; padding-top:10px}
#History .nutrients > * {margin-right:10px; margin-bottom:10px; border-radius: 50%; padding:5px; width:85px; height:85px;  display: flex; justify-content: center; align-items: center; text-align:center}