@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

* {
	box-sizing: border-box
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	margin: 0;
	padding: 0;
	background-color: #fff
}

a {
	text-decoration: none
}

img {
	width: 100%;
	height: auto;
	padding: 1rem
}

#main {
	height: 70vh;
	color: #242424
}

#social {
	height: 15vh;
	color: #242424
}

#copyright {
	height: 15vh;
	color: #575760;
	margin: auto;
	text-align: center;
	border-top: 1px solid;
	border-color: #dee4ee;
	font-size: .875rem
}

#copyright a {
	color: #575760
}

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

.child {
	max-width: 50%
}

.fas,
.fab {
	padding: .5rem;
	font-size: 1.125rem;
	color: #24242480
}

.fas:hover,
.fab:hover {
	color: #242424
}

@media (max-width: 768px) {
	.child {
		max-width: 80%
	}
}