@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
#wrapper{
	max-width:960px;
	margin:0 auto;
	font-family: 'Lemonada', cursive;
}
header{
    display:grid;
    grid-template: 1fr / 3fr 4fr 3fr ;
}
#points{
	margin:0.5rem 0;	
}
h1{
	font-size:1.5em;
	margin: 0;
	text-align:center;
}
button{
	margin:0.4rem 0;
    padding:0 1em;
    justify-self:end;
	cursor:pointer;
	font-family: 'Lemonada', cursive;
}
#namelist{
	-webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
	list-style:none;
	line-height:1.8;
	color:#666;
}
#us_map{
	width:700px;
	margin:0 auto;
}
.red{
	color:#F00;
}
.darkgrey{
	color:#666;
}
.green{
	color:#0A0;
}
.blue{
	color:#00A;
}
.black{
	color:#000;
}
.lightgrey{
	color:#AAA;
}
section{
	font-size:0.8em;	
	text-align:center;
	color:#666;
}
.bold{
	font-weight:bold;
}
#dc{
	font-style:italic;
	cursor:pointer;
	color:#99b;
}
/* fade: */
.fade{
	-webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
    animation: mymove 1s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {color: red;}
}
/* Standard syntax */
@keyframes mymove {
    50% {color: red;}
}