@charset "UTF-8";
/* CSS Document */

body{
	background-color:black;
	margin:0px;
}

#title{
	font-family: 'oil_canregular';
	font-color:black;
	background-color:white;
	font-size:15em;
	text-align:center;
}

#subtitle{
	font-family: 'oil_canregular';
	font-color:black;
	background-color:white;
	font-size:2em;
	text-align:center;
	}

.space{
	color:black;
	width:500px;
	height:500px;
	margin:300px;
	padding:20px;
	position:relative;
}

.fish{
	background-color:black;
	width:500px;
	height:500px;
	margin:300px;
	padding:20px;
	position:relative;
}

.blackfish{
	margin-left:70px;
}

.blackfish2{
	margin-left:70px;
}

.blackfish3{
	margin-left:70px;
}

.fishwindow{
	background-color:white;
	width:640px;
	height:700px;
	padding:20px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:10;
	opacity:0.5;
}

.fishsilhouette{
	background-color:white;
	width:500px;
	height:400px;
	position:relative;
	margin:auto;
}

.fishname{
	font-family: 'josefin_slabbold';
	text-align:center;
	font-size:35px;
	font-color:black;
}

.scientificname{
	font-family: 'josefin_slabsemibold_italic';
	text-align:center;
	font-size:20px;
	height:50px;
	font-color:black;
}

.fishbioluminescent{
	font-family: 'josefin_slabsemibold';
	text-align:center;
	font-size:15px;
	height:25px;
	font-color:black;
}

.fishsize{
	font-family: 'josefin_slabsemibold';
	text-align:center;
	font-size:15px;
	font-color:black;
}

.teacup{
	width:200px;
	height:10px;
	margin:auto;
}

.fishdiet{
	font-family: 'josefin_slabsemibold';
	text-align:center;
	font-size:15px;
	font-color:black;
	height:25px;
}

#wrapper{
	width:1300px;
	background-color:black;
	overflow:auto;
	margin:auto;
}

img{
	max-width:100%;
}