* {}

html {
	width: 100vw;
	height: 100vh;
}

body {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	margin: 0;
	/*overflow: hidden;*/
}

section {
	padding: 10px 0 10px 0;
}

.centerContainer {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.centerContainer object{
	width: 30%;
}

.asideContainer {
	width: 50%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.asideContainer.mp {
	background-color: rgb(173 216 230 / 50%);
}

.asideContainer.mp>.header {
	font-family: "Sansation";
	font-weight: bold;
}

.asideContainer.mp>.byline {
	font-family: "Inter";
}

.asideContainer {
	background-color: rgb(255 182 193 / 30%);
}

.asideContainer.ac>.header {
	font-family: "Ballet";
	font-weight: bold;
}

.asideContainer.ac>.byline {
	font-family: "Ballet";
}

.header {
	font-size: 40px;
}

.socialBlock {
	border: solid black 1px;
}

.socialBlock li {
	list-style: none;
	float: left;
}

.socialBlock li object {
	border: solid red 1px;
	vertical-align: middle;
}

.socialBlock a {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	/*body {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.asideContainer{
		width: 100%;
		height: 50%;
	}*/
}