body
{
	font-family: "Open Sans", sans-serif;
	color: #ffffff;
	text-align:justify;
	text-justify: auto;
	margin: 0;
	padding: 0;
	background-image: url(../Images/Backgrounds/vector-OCT-2020-58-150ppi.png);
	background-size: cover;
	background-position: top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.circle
{
	float:left;
	margin-right: 2%;
	border-radius: 50%;
	width: 192px;
	height: 192px;
}
h1
{
	margin: 0;
	padding: 1%;
}
h2 
{
	color: #a0a0a0;
}
h3
{
	margin-bottom: 0;
}
h4
{
	margin-top: 0;
	margin-bottom: 1%;
}
a:link
{
	color:#a0a0a0; /*a0a0a0*/
}
a:visited	
{
	color: #00ffff; /*00ffff*/
}
a:visited:hover	
{
	color: #8000ff; /*8000ff*/
}
a:hover
{
	color: #ff00ff; /*8000ff*/
}
#banner
{
	top: 0;
	padding: 2%;
	width: 100%;
	position: fixed;
	background-color: #000000df;
	display: flex;
	flex-direction: row;
	/*margin: 0;*/
	/* align-items: center; */
	/* justify-content: space-between; */
}
#title
{
	font-weight: normal;
}
#nav
{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	margin-left: auto;
	margin-right: 4%;
	/*align-items: flex-end;*/
	/*align-content:stretch;*/
	/* justify-content: flex-end; */
}
/*
#icons
{
	justify-content: space-evenly;
	/*
	justify-content: space-between;
	align-content: flex-start;
	
}
*/
/*
#links
{
	align-items: flex-end;
}
*/	
#introduction
{
	margin: 22% 2% 2% 2%;
	padding-top: 0.5%;
	padding-right: 2%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	background-color: #000000df;
	z-index: 99;
}
#subsection
{
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 0.5%;
	padding-right: 2%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	background-color: #000000df;
	z-index: 99;
}
/*
#image
{
	object-fit: scale-down;
}
#list
{
	padding-left: 2%;
}
*/
@media(max-width: 980px) 
{
	.circle
	{
		width: 128px;
		height: 128px;
	}
	/*#banner
	{
		flex-direction: column;}
	*/
	#introduction 
	{
	  margin-top: 29%;
	}
}