/*gray: #F0EFE9
 Eagles green: #004C54
 light green: #77B28C
 black: #240605
 red: #d43211 */

body{
	background-color:#F0EFE9;
	color:#240605;
	font-family:helvetica;
}
a{
	color:#004C54
}

.navdiv{
	grid-area:menu;
	ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 200px;
		background-color: #77B28C;
		border-radius: 25px
	}
	li a{
		display: block;
		color: #FFFFFF;
		padding: 12px 18px;
		text-decoration: none;
		font-size: 18px
	}
	li a:hover {
		background-color:#376246;
		color: white;
		border-radius:25px
	}
}

.pageheader{
	background-color:#004C54;
	color:#FFFFFF;
	font-size:50px;
	height:150px;
	font-family:helvetica;
	display:flex;
	align-items:center;
	justify-content:center
}

.subheader{
	background-color:#d43211;
	color:#FFFFFF;
	font-size:30px;
	font-family:helvetica;
	display:flex;
	align-items:center;
	padding:15px 15px
}

.generalpage{
	position:relative;
	display:grid;
	grid-template-areas: "menu content" "footer footer";
	grid-template-areas: 200px auto;
	grid-template-rows: auto auto auto;
	gap:15px;
	float:left;
	width:100%
}

.content{
	grid-area:content;
	background-color:FAF9F7;
	border-radius:3px;
}
	
#allipic{
	height:500px;
	border:solid;
	border-width:8px;
	border-radius:2px;
	border-color:#FFFFFF;
}

#pictureframe{
	display:flex;
	justify-content:center;
	align-items:center;
	float:right;
	background-color:#004C54;
	width:420px;
	height:550px;
	border-radius:10px;
	margin:1%;
	margin-left:2%
}

p{
	margin:2%
}

.footer{
	grid-area:footer;
	display:flex;
	background-color:#004C54;
	color:#FFFFFF;
	padding:50px;
	justify-content:space-between
}

#info{
	font-size: 14px;
}

#gobirds{
	align-items:center;
	font-size:40px
}

#invisible{
	color:#004C54
}
	
.frac {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.001em;
    text-align: center;
}
.frac > span {
    display: block;
    padding: 0.1em;
}
.frac span.bottom {
    border-top: thin solid black;
}
.frac span.symbol {
    display: none;
}

.spreadfrac{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:50px;
}