/* -------- Reset CSS -------- */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
}

/* -------- Basic HTML Tag -------- */
html {
	overflow-y: scroll;
	scroll-behavior: smooth;
	font-size: 1.01rem;
}

body {
	width: 100%;
	height: 100%;
}

hr {
	margin: 0;
}

iframe {
	width: 100%;
	height: 80vh;
	margin-top: 0.5rem;
}

figure {
	display: inline;
}

/* -------- Main Layout -------- */
.center {
	width: 80vw;
	margin: 0 auto;
}
@media screen and (max-width: 1500px) {
	.center {
		width: 100%;
	}
}

.display_inactive {
	display: none !important;
}

/* -------- Main DOM -------- */
#content {
	display: flex;
}