html,body{padding:5px;}

/* unused bright green 9DE0AD */

label{
	color: #45ADA8;
	font-weight:bold;
}
button{
	background: #45ADA8;
	color:white;
	border-radius:5px;
	border:none;
	padding:7px 10px;
	font-weight:normal;
}
label,button,input{
	margin:10px;
	display:block;	
}
input{
	width:5em;
}
p{color:#594F4F;}
ol li{
	margin-left:20px;		
}
ol.steps li {color:#594F4F;}
span,h1,p,li,label,button,input{
	font-size:1.5em;
	font-family:sans-serif;
}
.record{ 
	background: url(img/badge.svg) no-repeat 5em center;
	background-size: 16px 16px;
}
.odd{color:#900;}
.even{color:#090;}
h1{
	color: #547980;
	font-size:36px;
}
#timer{
	background:#594F4F;
	font-size:36px;
	color:#FFF;
	font-family:monospace;
	margin:20px 5px;
	padding:10px;
	border:1px solid #100;
	width:5em;
	text-align:center;
}
#top{
	position:fixed;
	bottom:2px;
	right:2px;
	box-shadow:-2px 2px 3px rgba(0,0,0,0.4)
}
#records{
	position:fixed;
	top:2px;
	right:2px;
	list-style-type:none;
}

#records li{
	border-radius:3px;
	padding:3px 3px 3px 6px;
	margin: 5px 5px 5px 0;
	background:#547980;
	color:white;
	text-align:right;
	box-shadow:-2px 2px 3px rgba(0,0,0,0.4)
}


@-webkit-keyframes flash {
    0% {
        background-color: transparent;
        opacity:1;
    }
    50% {
        background-color: #E5FCC2;
    }
    100% {
        background-color: transparent;
    }
}
    
.flash{
  -webkit-animation-name: flash;
    -webkit-animation-duration: 300ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  -moz-animation-name: flash;
    -moz-animation-duration: 300ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
}

a{
	color:#45ADA8;
	font-weight:normal;
}

#instructions{display:none;}