#Media {
	position: relative;
	top: 86px;
	height: 45vh;
	width: 100%;
	display: flex;
	justify-content: center;
	user-select: none;

	flex-direction: column;
	gap: 10px;
}

#MediaButtons {
	position: relative;
	top: 120px;
	margin: auto;
	display: flex;
	justify-content: center;
	height: 21px;
}

#MediaButtons > #MediaButtons-Next {
	width: 161px;

	animation: blinkingText 2s infinite;
}

#MediaButtons > #MediaButtons-Back {
	width: 28px;

	animation: blinkingText 2s infinite;
}


@keyframes blinkingText {
	0% {
		color: #000;
	}

	49% {
		color: #000;
	}

	60% {
		color: transparent;
	}

	75% {
		color: transparent;
	}

	100% {
		color: #000;
	}
}


/* Start of children elements */

#MediaImage,
#MediaVideo {
	max-height: 45vh;
	max-width: 100%;
	object-fit: scale-down;
}

#MediaInfo {
    display: flex;
    flex-direction: column;
    color: white;
    font-family: monospace;
    font-size: 12px;
}

/* #MediaInfo > span {

} */

/* End of children elements */