*
{
	margin: 0;
	padding:0;
}
.hidden
{
	display:none;
}
.developmentInfo
{
	position:absolute;
	background-color:rgba(255,255,255,0.25);
	width:100vw;
	height:100vh;
	z-index:1;
	display:flex;
	flex-direction:row;
	overflow:hidden;
}

#landingPage body
{
	background-color:rgba(0,0,0,0.25);
}
#landingPage nav
{
	width:100vw;
	height:10vh;
}
#landingPage nav ul
{
	position:relative;
	width:100%;
	height:100%;
	background-color:white;
	list-style:none;
	display:flex;
	justify-content: center;
	align-items:center;

}
#landingPage nav ul li
{
	height:5vh;
	width:5vh;
	background-color:gray;
	border-radius:5px;
	padding:5px;
	margin:10px;
	transition: 0.25s ease-in-out;
	background-image:linear-gradient(to bottom right, #355C7D,#6C5B7B, #C06C84);

}
#landingPage nav ul li:hover
{
	transform: scale(1.2);
	cursor:pointer;
}
#landingPage .active
{
	transform:scale(1.2);
}

#newsPage
{
	width:100vw;
	height:90vh;
	background-image:linear-gradient(to bottom right, #355C7D,#6C5B7B, #C06C84);
	display:flex;
	flex-direction:column;
}
#newsPage #newsSelection
{
	flex:10%;
	width:10vw;
	height:80vh;
}

#newsPage #newsSelection ul
{
	position:relative;
	height:75vh;
	top:2.5vh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	list-style:none;
	background-color:rgba(255,255,255,0.5);
	border-radius:15px;
	margin-left:20px;
	border:2px solid white;
}
#newsPage #newsSelection ul li
{
	background-image:linear-gradient(to bottom right, #355C7D,#6C5B7B, #C06C84);
	border-radius:5px;
	width:80%;
	transition:0.25s ease-in-out;
	margin:5px;
	color:white;
	text-align:center;
	font-size:1.5rem;
	text-align:center;

}
#newsPage #newsSelection ul li:hover
{
	transform:scale(1.2);
	cursor:pointer;
}
#newsPage #newsSelection ul .selected
{
	transform:scale(1.2);
}

#newsPage #newsDisplay
{
	position:relative;
	flex:90%;
	top:2.5vh;
	height:75vh;
	background-color:rgba(255,255,255,0.5);
	border-radius:15px;
	margin-left:20px;
	margin-right:20px;
	border:2px solid white;
	transition: 0.25s ease-in-out;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
  	gap: 10px;
}
#newsPage #newsDisplay
{
	color:white;
}
#newsPage #newsDisplay h1
{
	width:100%;
	background-image:linear-gradient(to bottom right, #355C7D,#6C5B7B, #C06C84);
	height:10%;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
	color:white;
	font-size:2.5rem;
	text-align:center;
}
#newsPage #newsDisplay .full
{
	width:100%;
	flex:25%;
	background-image:linear-gradient(to bottom right, #355C7D,#6C5B7B, #C06C84);

}
#newsPage #newsDisplay div:not(.full)
{
	flex:25%;
	margin:1%;
	background-image:linear-gradient(to bottom right, #355C7D,#6C5B7B, #C06C84);
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	border-radius:5px;
}
#newsDisplayWrap
{
	display:flex;
	flex-direction:row;
}
#emailSubscribe
{
	height:5vh;
	width:99%%;
	margin-top:2.5vh;
	margin-left:20px;
	margin-right:20px;


}
#emailSubscribe form
{
	display:flex;
	flex-direction:row;
	width:100%;
}
#emailSubscribe form input[type=email]
{
	flex:90%;
	background-color:rgba(255,255,255,0.5);
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	border:2px solid white;
	color:white;
	font-size:2.5rem;
}
#emailSubscribe form input[type=submit]
{
	flex:10%;
	background-color:rgba(255,255,255,0.5);
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	border:2px solid white;
	color:white;
	font-size:1.5rem;
}