* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
	font-family: 'blessings_through_raindropsRg';
	src: url('blessingsthroughraindrops-webfont.woff2') format('woff2'),
		 url('blessingsthroughraindrops-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'jolly-icons-free';
	src:url('jolly-icons-free.eot?-3bqqk6');
	src:url('jolly-icons-free.eot?#iefix-3bqqk6') format('embedded-opentype'),
		url('jolly-icons-free.woff?-3bqqk6') format('woff'),
		url('jolly-icons-free.ttf?-3bqqk6') format('truetype'),
		url('jolly-icons-free.svg?-3bqqk6#jolly-icons-free') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	font-size:20px;
	line-height:.5;
}

.icon{
	font-family: 'jolly-icons-free';
	font-size: 125%;
	vertical-align: text-bottom;
}

h1,h2,h3,h4{font-family: 'blessings_through_raindropsRg';letter-spacing:-0.02em; margin-top:0.5em;margin-bottom:0.5em;}
#alsos{
	padding-top:2em;
}

#TheName{
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	width:100%;
	color:#DA4F49;
	background:none;
	border:none;
	text-align:center;
	font-family: 'blessings_through_raindropsRg';
	letter-spacing:-0.02em;
	padding-top:1em;
	font-size: 5em;
	margin-bottom:.25em;
	border-bottom: thick solid rgba(255,255,255,0);
}

#TheName:hover{
	color:#E48681;
	border-bottom: thick dotted #E48681;
}

#TheName:focus{
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	color: #666;
	background-color: #eee;	
	border-bottom: thick solid #666;	
}

h1{
	margin-top:1em;
	font-size: 5em;				
}
h2{
	font-size: 3em;				
}
h3{
	font-size: 2.5em;				
}
h4{
	font-size: 2em;
	font-weight:bold;		
}
button{
	font-size:3em;
}
div{
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);	
	color:#E48681;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#prev{
	margin-top:3em;
	padding-top:1em;
	font-size:75%;
}

.SimName{
	line-height:1.25em;
	color:#699DB6;
	margin-left:.1em;
	margin-right:.1em;
	
}
.labeler{
	text-transform: uppercase;
	letter-spacing: 6px;
}
.SimName{
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	cursor:pointer;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}
.SimName:hover{
	color:#DA4F49;
}


.btn {
	font-family: 'blessings_through_raindropsRg';
	cursor:pointer;
	display: inline-block;
	color: #666;
	background-color: #eee;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 26px;
	padding: 10px 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-width: 3px;
}


	.btn:hover {
		background-color: #e3e3e3;
		border-color: rgba(0,0,0,0.5);
	}
	
	.btn:active {
		background-color: #CCC;
		border-color: rgba(0,0,0,0.9);
	}

/* blue button */

.btn.btn-blue {
	background-color: #699DB6;
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	.btn.btn-blue:hover {
		background-color: #4F87A2;
		border-color: rgba(0,0,0,0.5);
	}
	
	.btn.btn-blue:active {
		background-color: #3C677B;
		border-color: rgba(0,0,0,0.9);
	}

/* red button */

.btn.btn-red {
	background-color: #E48681;
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	.btn.btn-red:hover {
		background-color: #DA4F49;
		border-color: rgba(0,0,0,0.5);
	}
	
	.btn.btn-red:active {
		background-color: #B32C24;
		border-color: rgba(0,0,0,0.9);
	}



@media only screen and (max-width: 766px) {
	.btn {
		font-size: 5em !important;
	}
}