body {
	color-scheme: dark;
	background-color: #12121A;
	
	margin: 0;
	height: 100vh;
	width: 100vw;
	
	display: flex;
}

.left, .right {
	width: 50%;
	margin: 10%;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

/* left */

h1 {
	font-family: Raleway Bold, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 4em;
	
	margin: 0;
	
	color: white;
}

h2 {
	font-family: Raleway Thin, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 2em;
	
	margin: 0;
	
	color: gray;
}

p {
	font-family: Raleway Light, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.25em;
	
	margin-top: 7%;
	
	color: white;
}

a {
	font-family: Raleway Regular, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.2em;
	
	margin-left: 2%;
	
	color: white;
}

.links {
	display: flex;
	flex-direction: column;
}

.links div {
	display: flex;
}

.links svg {
	height: 24px;
	width: 24px;
}

/* right */

img {
	width: 25vw;
	border-radius: 100%;
}

/* footer */

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 20px;
	text-align: center;
	color: white;
}

i {
	font-family: Raleway Regular, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1em;
	
	color: dimgray;
}