@import url(https://fonts.cdnfonts.com/css/natural-precision);

/* HOVER TEXT */
.hover-text {
	transition: all 0.15s ease-in-out;
	cursor: help;
}
.hover-text > span:first-child {
	border-bottom: 0.3px dashed var(--base-border-color);
}
.hover-text:hover > .text-to-show {
	display: initial !important;
	border-bottom: 0;
}

/* APPLICATION RESPONSES */
.mycode.application {
		margin: 0 auto;
    background-color: var(--box-alt-bg-color);
}
@media (max-width: 899.98px) {
	.mycode.application {
		width: 100%;
	}
}
@media (min-width: 900px) {
	.mycode.application {
		max-width: 650px;
	}
}

/* PREBUILT TABLES */
.mycode.simple-table {
	background: var(--base-bg-color);
	padding: 1rem 2rem;
}
.mycode.headed-table {
	background: var(--base-bg-color);
}
.mycode.headed-table > .headed-img, .mycode.faded-headed-table > .headed-img {
	background-size: cover;
	background-position: center center;
	height: 25vh;
}
.mycode.headed-table > .post-contents, .mycode.faded-headed-table > .post-contents {
	padding: 1rem 2rem;
}
.mycode.faded-headed-table {
	background: var(--base-bg-color);
}
.mycode.faded-headed-table > .post-contents {
	margin-top: -5vh;
}
@media (max-width: 899.98px) {
	.mycode.simple-table, .mycode.headed-table, .mycode.faded-headed-table {
		width: 100%;
		margin: 0 auto;
	}
}
@media (min-width: 900px) {
	.mycode.simple-table, .mycode.headed-table, .mycode.faded-headed-table {
		max-width: 65%;
		margin: 0 auto;
	}
}