html {
	background-image: linear-gradient(#baf7e5, #6af7cd);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 100%;
}

body {
	margin: 20px auto;
	width: 60%;
	height: 85%;
	max-width: 800px;
	min-width: 600px;
	font-family: "avenir";
	font-size: 11pt;
	background-color: white;
	border-radius: 20px;
	padding: 60px;
}

header {
	columns: 2;
}

h1 {
	color: #f80;
	font-family: 'Playfair Display', serif;
	font-size: 32pt;
}

h1 span{
	display: block;
}

.contact {
	text-align: right;
	padding-top: 40px;
}

a:link {
	color: #f0900a;
}

a:visited {
	color: #03368a;
}

a:hover {
	color: #f056b2;
}

a:active {
	color: #8cedec;
}

.summary p{
	
}

h2 {
	font-family: "playfair display";
	font-size: 16pt;
}

.education {
	padding-top: 15px;
}

h3 {
	font-family: "Times New Roman";
}

.lcc {
	color: rgb(255, 165, 0);
	font-size: 14pt;
}

ul {
	list-style-type: square;
}

.skills-header{
	margin: 19.920px 0px 10px 0px;
}

.skills-list {
	columns: 2;
	margin: 5px 0px 16px 0px;
}

.portfolio {
	padding: 20px;
	font-weight: bold;
	font-size: 13pt;
	color: orange;
}

.references {
	padding: 0px 0px 20px 20px;
}