@charset "utf-8";
/*
Designer: KLP
File: yahtzee_media_styles.css
Date: 8/9/21
Path: Path: OD\Subjects\Programming\JavaScript\Projects\YahtzeeJS2021-22\YahtzeeJS-Stage4

Attempting to make the app somewhat responsive

*/

@media (min-width: 200px) {
	/*small phone*/
	div#scoreCard {
			font-size: .8em;
	}
}

@media (min-width: 400px) {
	div#scoreCard {
			font-size: 1em;
	}
}

@media (min-width: 500px) {
	div#diceLayout {
			width: 400px;
	}

	div#scoreCard {
			width: 480px;
	}

	div#leftScore table tr td:nth-child(2),
	div#rightScore table tr td:nth-child(2) {
			width: 55%;
	}

	div#diceLayout div#info p{
			font-size: 18px;
	}
}