#credits, #contact { 
	height: 70%;
	padding: 10%;
	display: none;
	background-color: #EEBDEF;
}
#control-credits:checked ~ #credits { display: block; }

#contact { display: none; }
#control-contact:checked ~ #contact { display: block; }

#default { display: none; }
#control-default:checked ~ #default { display: block; }

#credits-nav {
	width: 33%;
	height: 100%;
	float: left;
	overflow: auto;
}

#credits-nav > label {
	height: 20%;
	display: block;
	pointer-events: auto;
}

#credits-content {
	width: 66%;
	height: 100%;
	float: right;
	overflow: auto;
}

#credits-content > div {
	height: 100%;
}

#credits-content p {
	padding: 0.5em 0;
	margin: 0;
}

.see-more {
	height: 20%;
	width: 100%;
	background-image: url("credits/more_off.png");
}
.see-more:hover {
	background-image: url("credits/more_on.png");
}

#contact {
	text-align: center;
	overflow: auto;
}

#contact input, #contact textarea {
	width: 100%;
}

#contact textarea {
	height: 5em;
}