@font-face {
		font-family:first;
		src: url("../fonts/knewave-regular.ttf");
	}
	@font-face {
		font-family:second;
		src: url("../fonts/BowlbyOneSC-Regular.ttf");
	}
	@font-face {
		font-family:third;
		src: url("../fonts/PermanentMarker-Regular.ttf");
	}
	@font-face {
		font-family:fourth;
		src: url("../fonts/RubikWetPaint-Regular.ttf");
	}
	p	{
		font-family: first,sans-serif;
		color:red;
	}
	body {
		background-color:black;
	}
	h1.pagetitle1{
		 font-weight: bold;
		text-align:center;
		color:DarkRed;
		border: 4px dotted	DarkRed;
		font-family: first,sans-serif;
		font-style:italic;
		font-size:80px;
	}
	h1.pagetitle2 {
		text-align:center;
		color:DarkRed;
		border-bottom: 4px solid	DarkRed;
		font-family: second,sans-serif;
		font-style: oblique;
	}
	
	h1.pagetitle3 {
				text-align:center;
		color:DarkRed;
		border: 4px dotted	DarkRed;
		font-family: fourth,sans-serif;
		font-style:italic;
		font-size:80px;
	}
	
	h6#linktoogpage {
		font-family: second,sans-serif;
		color:blue;
	}
	.linktoogpage{
		font-family: second,sans-serif;
		color:blue;
	}
	.linktoogpage2 {
		font-family: second,sans-serif;
		color:blue;
		margin:auto;
		text-align:center;
	}
	h2{
		font-family: second,sans-serif;
		color:red;
		text-decoration-line: underline; 
	}
	h2#noline {
		color:green
	}
	hr{
		color:red;
	}
	hr#firsttitleline {
		color:green;
	}
	li{
		color:red;
	}
	ul {
		color:red;
	}
	figcaption {
		color:red;
	}
	h6 {
		color:red;
	}
	
	
	.home{
		font-family:first,sans-serif;
	}
	
	.habitat{
				font-family: second,sans-serif;
	}
	
	.behaviour{
		font-family: third,sans-serif;
		background-color:blue;
	}
	
	.about{
		font-family: fourth,sans-serif;
		color:DarkRed;
		text-align:center;
		
	}
	
	
	
	
	.redBorder {
		margin:auto;
		text-align:center;
		position:relative;
		border-color: DarkRed;
		border-width:4px;
		border-style:solid;
		width:165px;
	}
	.greenBorder {
		margin:auto;
		position:relative;
		border-color: green;
		border-width:4px;
		border-style:solid;
		width:135px;
	}
	
	.blueBorder {
		margin:auto;
		position:relative;
		border-color: blue;
		width:125px;
		border-width:4px;
		border-style:solid;
	}
	.purpleBorder {
		margin:auto;
		position:relative;
		width:115px;
		border-color: purple;
		border-width:4px;
		border-style:solid;
	}
	.orangeBorder {
		margin:auto;
		position:relative;
		border-color: orange;
		border-width:4px;
		border-style:solid;
		width:155px;
	}
	
	.yellowBorder {
		margin:auto;
		position:relative;
		border-color: yellow;
		border-width:4px;
		border-style:solid;
		width:145px;
	}