body, td {
	color: rgb(15,105,5);
	background-color: rgb(230,253,219);
	font-family: arial;
	margin: 0px;
}

img {
	border: none;
}
h2 {
	text-align: center;
}
input, button, select{
	padding:6px;
}

a:link {
	color: #000099;
	text-decoration: underline;
}
a:visited {
	color: #990033;
	text-decoration: underline;
}

.settings{
	margin-bottom:27px;
}
.tipbarm{
	display:none;
}
#tipbar{
	height:36px;
	transition: height 0.1s, opacity 0.1s;
}
.die{
	min-width: 250px;
	height: 250px;
	margin: 4px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
svg{
	width: 250px;
	height: 250px;
}
.numeric {
	border:solid 2px black;
	background-color:white;
	border-radius:11px;
	color:black;
}
.numeric b{
	font-size: 100pt;
}
.effect{
	transition: transform 0.3s;
    border: dotted 0px rgb(15,105,5);
}
.warning {
	max-width:725px;
	color:red;
	border:solid 2px red;
	background-color:#ffeb8a;
	padding:3px;
	font-size:9pt;
}
@media screen and (max-width: 680px), screen and (max-width: 825px) and (max-height: 600px) {
	.logo{margin-top:24px;height:25px;}
	h1{font-size:16pt;margin:0px;}
	td{font-size:10pt;}
	.settings{margin-bottom: 6px;}
	#tipbar, .warning{display:none;}
	.tipbarm{display:block;}
	.dn{min-width:125px;height:125px;}
	.dn img{width: 125px;height: 125px;}
	.dn img, .dn svg{width: 125px;height: 125px;}
	.dn b{font-size: 50pt;line-height:123px;}
}

.iframe-lightbox .backdrop {
    background-color:rgba(0,0,0,.6);
}
.iframe-lightbox .content{
	padding-bottom:100%;
}
.iframe-lightbox .content-holder{
	min-width:318px;
	width:80%;
	max-width:600px;
}
@media (max-aspect-ratio: 360/560) {
	.iframe-lightbox .content{
		padding-bottom:155%;
	}
}
@media (max-height: 600px) and (min-aspect-ratio: 568/320) {
	.iframe-lightbox .content{
		padding-bottom:62%;
	}
}