/* FONT */

/*
@font-face {
	font-family: "Computer Modern";
	src: url("/assets/cmunss.ttf");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Computer Modern";
	src: url("/assets/cmunsi.ttf");
	font-style: italic;
	font-weight: normal;
}
*/

/* DEFAULT */

.mn_default {
	background-color: black; /* #0e0e0e;*/
	color: white; /*#f3f3f3;*/
	font-family: "Times New Roman";
	letter-spacing: 0.25px;
	line-height: 1.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2em;
	font-size: 18px;
}

.mn_content h1,
.mn_content h2 {
	font-weight: normal;
	color: white;
}

.mn_content h2 {
	font-size: 1.75em;
}

.mn_content h4 {
	font-weight: normal;
	font-size: 1.25em;
}

.mn_content h3 {
	font-weight: normal;
	font-size: 1.5em;
}

.mn_content .center-text {
	text-align: center;
	margin: 1em;
}

.mn_content .center {
	margin: auto;
	margin-bottom: 1em;
	display: block;
	text-align: center;
}

.mn_content hr.dashed {
	border-style: dashed;
}

.mn_nav li,
.mn_nav ul,
.mn_nav a {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: white;
}

.mn_nav a:hover {
	color: grey;
}

.mn_nav ul {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

.mn_nav {
	align-self: start;
	padding: 16px;
}

.mn_content {
	box-sizing: border-box;
	max-width: 960px;
	min-width: 540px;
	width: 100%;
	padding-left: 2em;
	padding-right: 2em;
	text-align: justify;
	font-size: 1em;
}

.mn_content > * {
	margin-top: 0px;
}

.mn_content a {
	color: lightblue;
}

.mn_content a:hover {
	color: grey;
}

.mn_content dd {
	font-size: 0.9em;
	margin-bottom: 1em;
}

.mn_content dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}

/* POST LISTINGS */

.mn_content .listing dt > * {
	padding-right: 4px;
}

.mn_content .version {
	font-family: "Courier";
	font-size: 0.8em;
}

.mn_content .rem_1 {
	font-size: 1rem;
}

.mn_content .listing .author {
	font-weight: normal;
	font-size: 0.8em;
}

.mn_content .listing .right {
	float: right;
}

.mn_content .listing .status {
	font-family: "Courier";
}

.status.true {
	color: lightgreen;
}

.status.false {
	color: red;
}

/* PORTRAIT, primarily for Lym */

.mn_content figure {
	float: right;
	display: flex;
	flex-direction: column;
	max-width: 256px;
	gap: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-top: 0px;
	border: 1px dimgrey solid;
}

.mn_content figure.left {
	float: left;
	margin-left: 0em;
	margin-right: 2em;
}

.mn_content figure.mn_post_header {
	max-width: fit-content;
	margin: auto;
	margin-bottom: 1em;
	float: unset;
}

.mn_content figcaption {
	border-top: 1px dimgrey solid;
	margin-top: -1px;
	padding: 4px;
	text-align: center;
	font-size: 14px;
}

/* END */

hr {
	width: 100%;
	color: dimgrey;
	margin-bottom: 1em;
	overflow: hidden;
}

.mn_principle {
	text-decoration: underline;
	font-style: normal;
}

/* DETAILS DROPDOWN */

.mn_content details {
	background-color: black;
	border: 1px dimgrey dashed;
	font-size: 0.9em;
	margin-bottom: 1em;
	width: 100%;
}

.mn_content details summary {
	cursor: pointer;
	background-color: #1c1919;
	padding: 4px;
	padding-left: 8px;
}

.mn_content details .content {
	padding: 1em;
}

.mn_content details .content > * {
	margin: 0px;
	margin-bottom: 1em;
}

.mn_content details .content > *:last-child {
	margin: 0px;
}

/* END */

.mn_content pre {
	background-color: black;
	border: dashed 1px dimgrey;
	padding: 1em;
}

.mn_content code {
	font-size: 0.8em;
}

.mn_content a.invisible {
	text-decoration: none;
	color: inherit;
	cursor: default;
}

.mn_content .katex {
	font-size: 1em;
}

.mn_content a[href^="http"]::after,
.mn_content a[href^="https://"]::after
{
	content: "";
	width: 11px;
	height: 11px;
	margin-left: 4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

.mn_content div.abs_center {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.mn_content img.medium {
	max-width: 256px;
	height: auto;
}

.mn_content img {
	animation: fadeIn ease 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.mn_content figure.center_background {
	position: absolute;
	max-width: revert;
	z-index: -1;
	margin: 0;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: start;
}

.mn_content figure.center_background img{
	animation: fadeInBarely ease 3s;
	border: 0px;
	opacity: 0.1;
}

/* MOBILE PHONE STUFF */

@media (max-width: 768px) {
	.mn_default {
		font-size: 16px;
	}

	.mn_nav {
		align-self: center;
		font-size: 18px;
	}

	.mn_content figure {
		float: none;
	}

	.mn_content figure.left {
		float: none;
	}

	.mn_content {
		min-width: 99vw;
		text-align: left;
	}
}


/* ANIMATION */

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

@keyframes fadeInBarely {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.1;
     }
}