p, table
{	font-family: "Inter Alia", "Quikscript Sans";
	margin: 0;
	/*color: rgb(255, 0, 0);*/
	color: rgb(131, 62, 100);
	/*font-weight: 500;*/
	/*border: 1px solid black;*/
}

i
{	font-family: "Inter Alia Medium Italic"
}

h1
{	color: rgb(172,50,50);
}

h1#header-shaw
{	font-size: 36px;
	font-weight: 400;
	margin-top: 8px;
	font-family: 'Powdered Milk Shavian';
}

h1#header-ia
{	font-size: 36px;
	font-weight: 700;
}

h1.h1-nokey
{ margin-bottom: 90px;
}

h1.h1-key
{ margin-bottom: 48px;
}

h2
{	font-size: 27px;
	font-weight: 300;
	color: rgb(131, 62, 100);
}


h3
{	color: rgb(172,50,50);
	font-size: 20px;
	border-bottom:1px dotted rgb(0, 99, 66);
	margin: 0px 0px 0px 0px;
	font-weight: 400;
	text-align: center;
}

ol
{	color: rgb(131, 62, 100);
	margin: 0;
}

.important-text
{ color: rgb(172,50,50);
}

/*
.milk2-grid
{	display: inline-grid;
	flex: 1;
	margin: 0px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1.2fr 1fr;
	height: 99vh;
	font-size: 1rem;
	gap: 16px 16px;

	border: 1px solid green;
}
*/

.milk2-vertflex
{ display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.milk2-horzflex
{  display: flex;
	justify-content: space-evenly;
	align-items: top;
	width: 100%;
	gap: 2rem;
}

ol.mod-features-list
{	display: inline-block;
	text-align: left;
}

.mod-description
{	margin-top: 32px;
	text-align: center;
	/*border: 1px dotted rgb(0, 100, 70);*/
	border-left: none;
	border-top: none;
	/*margin-top: 40px;*/
	font-size: 20px;
}

.mod-description .latin
{	display: none;
	font-size: 20px;
}

.mod-description:hover .shavian
{ display: none;
}

.mod-description:hover .latin
{ display: block;
}

#download-mod
{  display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.mod-credits
{  display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	gap: 5px;
}

#mod-credits-body
{	text-align: center;
	line-height: 1.5;
}

.mod-install
{ 	font-size: 13px;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.img-wrapper-div
{ width: 64px;
	height: 64px;
	border: 1px dotted green;
	margin: 0px 0px 0px 0px;
}

.img-preview
{	width: 64px;
	height: 64px;
	filter: brightness(3);
	/*transition: width 0.1s;*/
}

.img-wrapper-div:hover .img-preview
{ width: calc(100% - 90px); /* 72 is good */
	height: auto;
	top: 50%;
	left: 0;
	transform: translate(0px, -50%);
	position: fixed;
	filter: None;
}

.img-wrapper-div:hover
{ border: 1px dotted red;
}

.page-2-flex
{	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: top;
	margin-top: 100px;
	margin-bottom: 400px;
}

.page2-entry
{	min-width: 30ch;
	max-width: 45ch;
	margin-left: 12px;
	margin-right: 12px;
	font-weight: 500;
}

.page2-entry p
{	font-size: 15px;

}

#experimental-notice
{  text-align: center;
	font-size: 14px;
	display: inline-block;
}

.sources-info
{	display: flex;
	justify-content: space-evenly;
	gap: 32px;
	min-width: 1400px;
}
.sources-info p
{	color: gray;
	font-weight: 500;
}

.important-text-s
{	color: lightgray;
}

.page3-entry
{	max-width: 60ch;
}