/**** general / applies to all pages ****/

header, footer {
	background-color: Bisque;
	padding: 1.5%;
}

body {
	background-color: white; 
}

h1 {
	margin:0;
	text-align: center; 
	font-size: 2.5em;
	font-family: 'Poppins', sans-serif;
}

h2 {
	font-size: 2em;
	font-family: 'Yantramanav', sans-serif;
	font-weight: 500;
}

/**** when anchored items in navigation panel are either selected or hovered over they will be this colour ****/
nav a:hover, nav a.selected { 
	color: Gray; 
	text-align: center; /**** will be aligned to the left of page ****/
	font-size: 1.5em; /**** applies font size ****/
	text-decoration: none;
}

nav, nav a  { 
	text-align: center; /**** will be aligned to the left of page ****/
	font-size: 1.5em; /**** applies font size ****/
	color: black;
	text-decoration: none;
}

nav ul { 
	list-style: none; /**** removes bullet points ****/
}

nav li {
	display: inline-block; /**** puts all listed items inline with each other ****/
	padding-left: 0.5em;
}

ul, li {
	list-style: none;
}

#contact {
	text-align: center;
	font-family: 'Yantramanav', sans-serif;
	font-weight: 300; 
}

h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 1.5em; 
	font-weight: 400;
}

hr {
	margin-top: 4%;
	margin-right: 2.5%;
}

a {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 300; 
	color: deepskyblue; 
}

a.selected, a:hover {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 300; 
	color: darkslategray;
	text-decoration: none;
}

section {
	padding-top: 1.5%;
	padding-bottom: 1.5%;
}

/**** nav, nav ul, nav li {
	list-style: none;
	display: inline;
	text-align: center;
} *****/

/***** applies only to about page ******/

img {
	float: left;
	max-width: 25%; 
	padding-left: 2%; 
	padding-top: 2.3%;
}

#about h2 {
	text-align: center: left;
	margin-left: 26%;
}

#about p {
	text-align: justify;
	margin-left: 26%;
	margin-right: 5%;
	font-family: 'Yantramanav', sans-serif;
	font-weight: 300; 
	font-size: 1.1em;
}

#statement p, #skills ul {
	text-align: justify;
	font-family: 'Yantramanav', sans-serif;
	font-weight: 300; 
	font-size: 1.1em;
	margin-right: 5%;
}

#skills li {
	list-style: inside;
}

#skills {
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	display: flex;
	flex-direction: row;
}

#list1, #list2 {
	display: flex;
	flex-direction: column;
	flex-basis: 40%;
	padding-left: 1%;
}
#list1 {
	align-items: flex-center;
}
#list2 {
	align-items: flex-center;
}
#list1 li, #list2 li {
	padding: 3px;
}



/***** applies only to work page *****/

/****** #work p, #work a {
	text-align: justify;
	padding-right: 5%;
	font-family: 'Yantramanav', sans-serif;
	font-weight: 300; 
	font-size: 2em;
} ****/

#work {
	text-align: justify;
	padding-right: 5%;
	font-family: 'Yantramanav', sans-serif;
	font-weight: 300; 
	font-size: 1.1em;
}

#list li {
	list-style: inside;
	padding: 3px;
}

#sublist li {
	list-style: square;
	margin-left: 5%;
	padding: 3px;
}

.synth {
	display: flex;
	align-items: center;
  justify-content: center;
}



/**** applies only to contact page ****/

#italic {
	font-style: italic;
	font-weight: 400;
}

#close {
	padding-top: 0.5%;
}

#hello {
	padding-bottom: 0.5%; 
}

#info {
	margin-bottom: 5%;
	text-align: center;
	font-family: 'Yantramanav', sans-serif;
	font-weight: 300; 
}

#info p{
	font-size: 1.1em;
}