html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

body {
	line-height:1;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

:root {
	font: normal normal 9pt/1.25 Roboto;
	-webkit-font-kerning: normal;
	font-kerning: normal;
}

@media screen {
:root {
	min-height: 100vh;
	perspective: 12in;
	background-color: #277714;
	background-image: radial-gradient(ellipse at 50% 25%, transparent, #1a2005);
}
}

body {
	line-height: inherit;
}

.section, .yahtzee {
	width: 3.5in; 
	margin-left: auto;
	margin-right: auto;
}

.font-xs, .yahtzee__score-card .how-to-score, .desc .alt {
	font-size: 0.75rem;
}

.font-sm, .yahtzee__score-card .head {
	font-size: 0.75rem;
}

.font-bold, .yahtzee__score-card .head, .desc {
	font-weight: 700;
}

.pad-regular, .yahtzee__score-card td, .yahtzee__score-card th {
	padding: 0rem 0.5rem;
}

.bordered-thin, .yahtzee__score-card, .yahtzee__score-card tbody > tr > td, .yahtzee__score-card tbody > tr > th {
	border: 2px solid currentColor; 
	border-color: #dddddd;
}

.yahtzee {
	padding: 1rem 1rem;
	margin-top: 0;
	margin-bottom: 0;
/*	padding: 1.5rem 1.5rem; */
/*	margin-top: 2rem; */
/*	margin-bottom: 2rem; */
}

@media screen {
.yahtzee {
	background-color: white;
	box-shadow: 0.5rem 0.5rem 0rem rgba(0, 0, 0, 0.25);
/*	transform: translatez(-50rem) rotatex(35deg) rotateZ(20deg); */
/*	transition: transform 750ms, box-shadow 750ms; */
}

.yahtzee:hover {
	transform: none;
	box-shadow: 0 1rem 5rem 1rem rgba(0, 0, 0, 0.25);
}
}

.yahtzee__heading {
	font-family: Paytone One;
	font-size: 1.0rem;
	margin-top: -1rem;
}

.yahtzee__score-card {
	padding: 1px;
	border-radius: 0.125rem;
}

.yahtzee__score-card table {
	width: 100%;
}

.yahtzee__score-card .head {
	text-transform: uppercase;
}

.yahtzee__score-card .head > th:nth-child(1) {
	text-align: left;
}

.yahtzee__score-card td, .yahtzee__score-card th {
	vertical-align: middle;
	height: 1.0rem;
}

.yahtzee__score-card .how-to-score {
	width: 20%;
}

.yahtzee__score-card tfoot .desc .primary {
	text-transform: uppercase;
}

.yahtzee__score-card .lower .head th {
	border: 0;
}

.desc {
	display: flex;
	align-items: center;
	text-align: left;
}

.desc .primary {
	flex-grow: 1;
}

.desc .alt {
	text-align: center;
	width: 40%;
}

.desc .die {
	font-size: 2rem;
	line-height: 1;
}

.how-to-score:empty::after {
	content: '\002192';
	font-size: 1.6rem;
}

input.p, input.t {
	border: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	outline: 0;
	text-align: center;
	width: 100%; 
	font: normal normal 2rem Patrick Hand;
}

input.p {
	font: normal normal 1.25rem Patrick Hand;
}

input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::placeholder {
	-webkit-text-fill-color: currentcolor;
	opacity: 1;
	background: white;
}

@font-face {
	font-family: 'Paytone One';
	font-style: normal;
	font-weight: 400;
	src: url(paytoneone.ttf);
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(roboto1.ttf);
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url(roboto2.ttf);
}

@font-face {
	font-family: 'Patrick Hand';
	font-style: normal;
	font-weight: 700;
	src: url(patrickhand.ttf);
}

.version, .versionc, .versionl, .versionr {
	display: flex;
	justify-content: space-between;
	font-size: 0.75rem;
	color: #aaaaaa;
}

.versionc {
	text-align: center;
}

.versionl {
	text-align: left;
}

.versionr {
	text-align: right;
	font-size: 1rem;
}

.green {
	color: #006600;
}

.red {
	color: #aa0000;
}

.black {
	color: #000000;
}