<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>rayelliott.dev</title>
		<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
		<style>
body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 100%;
	width: 100vw;
	height: 100vh;
	color: #010101;
	padding: 1em;
	box-sizing: border-box;
	text-align: center;
	margin: 0;
		font-family: 'Permanent Marker', cursive;
}

			h1 {
				font-size: 4em;
				margin-bottom: 0;
			}

			p {
				font-size: 2em;
			}

			a {
				font-size: 1.1em;
			}
		</style>
	</head>
	<body> 
		<h1>Coming Soon ...</h1>
		<p>Why not check out my <a href="blog">blog</a> for now?</p>
	</body>
</html>