/* index.css - styles for splashscreen. */

body {
	/*background-color:hsl(5, 52.4%, 95.9%); */  /* was rgb(250, 240, 239) */
	background-color:rgb(255, 108, 177);   /* Pink */
	text-align:center;
	font-family: Karla, verdana, helvetica, arial;
	font-size: 20px;
	color: white;
}

a:link, a:visited {
	color: white;
	text-decoration: none;
}
a:hover, a:active {
	color: white;
	text-decoration: underline;
}

a.playButtonClass {
	width:110px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 48px;
	padding-right: 48px;
	margin: auto;
	margin-top:55px;
	background-color:hsl(329,98.9%,63.7%);
	border-radius:40px;
	box-shadow: 3px 3px 1px rgba(100, 100, 100, 0.4);
	cursor: pointer;
}
a.playButtonClass:hover {
	background-color:rgb(219,70,154); 
}

p.playButtonClass {
	width:110px;
	padding: 15px;
	margin: auto;
	background-color:hsl(329,98.9%,63.7%);
	border-radius:40px;
	box-shadow: 3px 3px 1px rgba(100, 100, 100, 0.4);
	cursor: pointer;
}
p.playButtonClass:hover {
	background-color:rgb(219,70,154); 
}

.crossButtonClass {
	position: fixed;
	top: 24px;
	right: 24px;
	/*width: 40px; */
	padding-right: 15px;
	margin: auto;
	cursor: pointer;
}
.crossButtonClass:hover {
	filter: brightness(90%);  /* This might not work on old browsers. */
}