/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}


/*-------------------------
	General Styles
--------------------------*/

html {
	background-color: #0f131a;
}

body{
	font: 18px/1.5 Arial, Helvetica, sans-serif;
	color: #8a8d94;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

main {
	padding: 20px;
}

a, a:visited {
	outline: none;
	color: #4690ff !important;
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

.logo {
	max-width: 700px;
	width: 100%;
}

p{
	max-width: 420px;
	width:90%;
	margin:0 auto 48px;
}

p.projects{
	color:#2f2f31;
	font-size:32px;
}

.transcription{
	font-style: italic;
	color: #565859;
}

@media (max-width:780px){

	body {
		min-height: 0;
	}

	body{
		padding:40px 0 0;
	}
	
	p{
		margin-bottom:30px;
	}
}