body {
	/*background-image: url("../images/background-linework1-03.png");*/
	background-repeat: no-repeat;
	background-color: cyan;
	font-family: 'Oswald', sans-serif;
	font-size: 1.5vmax;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
	margin-right: 8px;
	/*background-size: viewport.width*/
}

body::-webkit-scrollbar {
	width: 2vw;
}

body::-webkit-scrollbar-track {
	background-color: none;
}

body::-webkit-scrollbar-thumb {
	/*background: linear-gradient(red, yellow);
	border-radius: 1vw;*/

	background-image: url("../images/scrollthumb-v2-blk.svg");
	background-repeat: no-repeat;
	/*background-size: 100%;*/
}

p {
	padding: 25px;
	margin: 0px;
}

#top_model {
	position: absolute;
	top: 0;
	left: 0;
	width: 98.75vw;
	height: 120vh;
	margin: 0;
	padding: 0;
	z-index: 5;
}

.red_block {
	background-color: rgba(155,0,50,1.0);
	color: gainsboro;
}

.blue_block {
	background-color: rgba(15,15,125,1.0);
	color: #999999;
}

.end_block{
	background-color: #484848;
	color: #999999;
}

.model_label {
	font-family: monospace;
	font-size: 1vmax;
	display: block;
	margin-top: -8vmin;
	text-align: right;
	float: right;
}
#lib_mcds-model_label {
	font-size: 1.5vw;
	margin-top: -7vh;
	color: lightgrey;
}
#trum_mans-model_label {
	font-size: 1.1vw;
	margin-top: -6vh;
	color: lightgrey;
}
#guil_bike-model_label {
	font-size: 1.3vw;
	margin-top: -6vh;
	color: lightgrey;
}
#wavi_flag-model_label {
	font-size: 1.5vw;
	margin-top: -7vh;
	color: lightgrey;
}
.top_model_label {
	font-family: monospace;
	font-size: 1.5vmax;
	display: block;
	margin-top: -30vmin;
	text-align: right;
	float: right;
}

.sequence_label {
	font-size: 1.75vmax;
	position: relative;
	top: -10vmin;
	text-align: left;
	color: gainsboro;
	margin-left: -1vmax;
}
.sequence_cell {
	background-color: rgba(255,255,255,0.9);
}

.orbit-nav {
	position: absolute;
	margin-top: -11%;
	margin-left: 1%;
	animation: blink_fade 6s linear 10s forwards;
	z-index: 11;
}

@keyframes blink_fade {
	10% {opacity: 0;}
	29% {opacity: 0;}
	30% {opacity: 1;}
	40% {opacity: 0;}
	49% {opacity: 0;}
	50% {opacity: 1;}
	60% {opacity: 0;}
	69% {opacity: 0;}
	70% {opacity: 1;}
	100% {opacity: 0;}
}



/*BELOW FOR MOBILE-NAV*/
:root {
	--navb-width: 18vw;
	--navb-gap: 1.5vh;
	--navb-margin: 1vw;
}

#mobile_nav {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

	pointer-events: none;
	z-index: 10;
}
.navb {
	background-color: black;
	width: var(--navb-width);
	height: var(--navb-width);
	justify-content: center;

	pointer-events: auto;
	-webkit-clip-path: circle(50% at center);
	clip-path: circle(50% at center);
}

#navb-scroll_up{
	position: absolute;
	top: calc((50vh - (0.5 * var(--navb-gap))) - var(--navb-width));
	left: calc(100vw - var(--navb-margin) - var(--navb-width));
}
#navb-scroll_down{
	position: absolute;
	top: calc(50vh + (0.5 * var(--navb-gap)));
	left: calc(100vw - var(--navb-margin) - var(--navb-width));
}
.scroll_svg {
	position: absolute;
	width: 60%;
	height: 60%;
	top: 20%;
	left: 20%;
}

#navb-contact {
	position: absolute;
	display: flex;
	top: calc(50vh + (2.5 * var(--navb-gap)) + (3 * var(--navb-width)));
	left: calc(100vw - var(--navb-margin) - var(--navb-width));
	justify-content: center;

	transition: width 3s, height 3s, top 3s, left 3s;
}
#navb-contact > p {
	margin: 0;
	padding: 0;
	font-size: calc(var(--navb-width) / 4);
	text-align: center;
	display: flex;
	line-height: var(--navb-width);

	transition: font-size 3s, line-height 3s;
}
#navb-contact.expanded {
	width: 100vh;
	height: 100vh;
	top: 0;
	left: calc((100vw - 100vh) / 2);
}
#navb-contact.expanded > p {
	font-size: 12vmax;
	line-height: 100vh;
}

#navb-index {
	position: absolute;
	top: calc(50vh + (1.5 * var(--navb-gap)) + (2 * var(--navb-width)));
	left: calc(100vw - var(--navb-margin) - var(--navb-width));
	background-color: yellow;

	transition: width 3s, height 3s, top 3s, left 3s;
}
#navb-index > svg {
	width: calc(2 * var(--navb-width));
	height: calc(2 * var(--navb-width));
	margin-top: calc(-0.5 * var(--navb-width));
	margin-left: calc(-0.5 * var(--navb-width));

	transition: width 3s, height 3s, margin-top 3s, margin-left 3s;
}
#navb-index.expanded {
	width: 100vh;
	height: 100vh;
	top: 0;
	left: calc((100vw - 100vh) / 2);
}
#navb-index.expanded > svg {
	width: 150vh;
	height: 150vh;
	margin-top: -25vh;
	margin-left: -25vh;
}




/*cell size: 24vw x 60vh;
21 cells down is 1260vh*/
#sidenav1 {
	position: absolute;
	width: 15%;
	height: 100vh;
	top: 400vh;
	margin-top: 0vh;
	margin-left: 0;
	display: inline-block;

}

.nav_button {
	position: relative;

	transition: transform ease-in 0.5s;
	transform-origin: 0% 50%;
	transition-delay: 0.2s;

}

.nav_button:hover {
	transform: scale(1.35, 1.35);
}

.navb_cont {
	position: relative;
	left: 12%;
	top: 3vh;
	height: 14vh;
	width: 14vh;
	margin-right: -4vh;
}

.navb_text {
	padding: 0;
	position: absolute;
	text-align: center;
	font-size: 3vh;
	top: 5.5vh;
	line-height: 1;
	color: black;
	opacity: 0%;

}

.navb_text:hover {
	opacity: 100%;
}

.navb_img {
	position: absolute;
	
}

.navb_img:hover {
	opacity: 0%;
}

.navb_link: {
	margin: 0px;
}

/*end navbar section*/

.paper_button {
	position: absolute;
	height: 13vmax;
	width: 13vmax;
	margin: 0px;
	padding: 0px;
	align-items: center;
	justify-content: center;
	transform: rotate(20deg);
	-webkit-clip-path: circle(6.5vmax at center);
	clip-path: circle(6.5vmax at center);

	top: 130vh;
	right: 2vw;
	z-index: 3;
}
.paper_button p {
	margin: 0;
	position: absolute;
	color: black;
	top: 3.3vmax;
	left: 0vw;
	font-size: 2.5vmax;
	line-height: 2.2vmax;
	padding: 0;

}

.thick_desc {
	background-color: none;
	font-family: 'Alice', serif;
	line-height: 1.75;
	padding-left: 15vw;
	padding-right: 15vw;

}


a {
	color: inherit;
}

a:hover {
	text-decoration: none;
	color: red;
}

.mars:hover {
	color: blue;
}

.object_list {
	color: inherit;
	text-decoration: none;
}



h1 {
	font-size: 2vmax;
	font-weight: lighter;
	margin-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.center_h1 {
	text-align: center;
	font-size: 4vmax;
	margin-left: 0px;
	margin-top: 1vh;
	margin-bottom: 1vh;
	line-height: 110%;
}

img {
	margin: 0px;
}

iframe.fullsize {
	width: 100%;
	height: 100%;
}

sup {
	color: yellow;
	font-weight: bold;
	font-style: italic;
}


#nameplate_home {
	position: absolute;
	display: inline-block;
	margin-top: 8px;
	height: 92px;
}

.nameplate {
	display: inline-block;
	margin-top: 8px;
	height: 6vh;
	width: 100%;
}

.OA_nameplate {
	position: absolute;
	width: 50%;
	left: 25%;
	top: 10px;
}

.foot {
	margin-top: 8px;
	margin-bottom: 8px;
}

#geiringer1 {
	width: 27vw;
}
.back_button {
	display: inline-block;
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
}

.OA_gallery1 {
	margin-top: 100vh;
	display: grid;
	grid-gap: 0.5vw;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: 24vh;
	grid-auto-rows: 24vh;
	overflow: hidden;
}
.OA_gallery1.dense {
	grid-auto-flow: row dense;
}

.g_item {
	box-sizing: border-box;
	width: 100%;
	margin: 0px;
	overflow: hidden;
	object-fit: cover;
}
.g_item.span2 {
	grid-column-end: span 2;
}
.g_item.span3 {
	grid-column-end: span 3;
}
.g_item.span4 {
	grid-column-end: span 4;
}
.g_item.span5 {
	grid-column-end: span 5;
}
.g_item.span6 {
	grid-column-end: span 6;
}
.g_item.span7 {
	grid-column-end: span 7;
}
.g_item.span8 {
	grid-column-end: span 8;
}

.g_image {
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	object-fit: cover;
}
.g_image_scale {
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	object-fit: scale-down;
}

.g_imagecolumn {
	display: inline-flex;
	flex-flow: column nowrap;
	margin: 0px;
	gap: 0px;
	/*justify-content: center;*/
}

.spacer2 {
	grid-row-end: span 2;
}
.spacer3 {
	grid-row-end: span 3;
}
.spacer4 {
	grid-row-end: span 4;
}
.spacer_tall {
	grid-row-end: span 19;
}
.spacer_huge {
	grid-row-end: span 60;
}

.column_text {
	flex-basis: content;
}

/*below section for HOME*/

#text_intro {
	grid-row-end: span 2;
}

#LU-top {
	grid-row-end: span 3;
}
.LU-set {
	grid-row-end: span 4;
}
#LU-text {
	grid-row-end: span 2;
}
#LU-text > a {
	color: red;
}

.eq_text {
	text-align: center;
	font-size: 24vh;
	margin-top: 6vh;
	padding: 0;
}

#text_2 {
	grid-row-end: span 3;
}

.nav_text {
	font-size: 2vmax;
}

#tdp_text {
	font-size: 10vmin;
	padding-top: 5vmin;
}
#method_text {
	padding-top: 5vmin;
	font-size: 8vmin;
}

#media {
	grid-row-end: span 1;
}
#media_1 {
	grid-row-end: span 3;
}
#media_2 {
	grid-row-end: span 3;
}

.video {
	grid-row-end: span 3;
}

/*below section for print_gallery*/
#PG_top_spacer {
	grid-row-end: 1;
	display: none;
}

#PG_text_intro {
	grid-row-end: span 2;
	background-color: yellow;
	color: black;
	height: 30vmin;
	margin-top: 15vmin;
}
#PG_text_copyright {
	text-align: right;
	font-size: 1vmax;
	padding-top: 10px;
}

#PG_column_lib {
	grid-row-end: span 20;
}
.PG_text_lib {
	background-color: white;
	color: black;
	text-align: center;
}
.PG_text_lib > p > span {
	font-size: 1.8vmax;
}

#PG_column_trum {
	grid-row-end: span 30;
}
.PG_text_trum {
	text-align: center;
}
.PG_text_trum > p > span {
	font-size: 1.8vmax;
}

#PG_column_guil {
	grid-row-end: span 22;
}
.PG_text_guil {
	text-align: center;
}
.PG_text_guil > p > span {
	font-size: 1.8vmax;
}

#PG_column_flag {
	grid-row-end: span 23;
}
.PG_text_flag {
	background-color: DarkGoldenRod;
	text-align: center;
}
.PG_text_flag > p > span {
	font-size: 1.8vmax;
}

#PG_item_copyright {
	grid-row-end: span 2;
	background-color: black;
	color: #999999;
	font-size: 3vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

#PG_text_end {
	grid-row-end: span 3;
	height: 90%;
}

/*below section for methodology*/

#M_text_intro {
	grid-row-end: span 2;
	font-size: 2vmax;
}
#M_Y_CM {
	grid-row-end: span 4;
	height: 80%;
}
#M_Y_ML {
	grid-row-end: span 5;
	height: 95%;
}
#M_img_trumphouse {
	grid-row-end: span 4;
}
#M_Y_SC {
	grid-row-end: span 2;
	height: 85%;
}
#M_img_reconlib {
	grid-row-end: span 3;
}
#M_img_recontrump {
	grid-row-end: span 3;
}
#M_Y_A {
	grid-row-end: span 2;
}
#M_img_qresults {
	grid-row-end: span 3;
}
#M_img_qresults {
	grid-row-end: span 3;
}
#M_img_qresults > img {
	object-fit: scale-down;
}
#M_text_WoC {
	grid-row-end: span 4;
}
.M_graphix_ellipsis {
	grid-row-end: span 1;
}
#M_tech_intro {
	grid-row-end: span 2;
}
#M_tech_steplist_div {
	grid-row-end: span 7;
}
#M_tech_steplist_intro {
	padding-top: 1vmin;
	font-size: 1.9vmax;
}
#M_tech_steplist_intro > span {
	font-size: 1.5vmax;
}
#M_step_list {
	padding-top: 0vh;
	font-size: 2.5vmax;
	padding-bottom: 1vmin;
	font-family: monospace;
}

.list_num {
	color: indigo;
	font-weight: bold;
	font-style: italic;

	font-size: 3vmax;
}
.list_paren {
	font-size: 1.75vmax;
}
.M_listnum_inline {
	font-size: 1.5vmax;
}
.label_img {
	font-family: monospace;
	font-size: 1vmax;
	color: yellow;
	position: block;
	margin-top: -7vmin;
	text-align: right;
}
.label_a {
	text-decoration: none;
}
.label_nume {
	font-size: 5vmax;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	color: indigo;
	margin-bottom: 0vh;
	margin-right: -1.25vmax;
	font-family: monospace;
}
.label_numw {
	font-size: 5vmax;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	color: indigo;
	margin-bottom: 0vh;
	margin-left: -1.5vmax;
	font-family: monospace;
}
.label_figinline {
	color: yellow;
}
.label_fige {
	font-size: 3vmax;
	text-align: right;

	color: yellow;
	margin-bottom: 0vh;
	font-family: 'Alice', serif;
}
.label_figw {
	font-size: 3vmax;
	text-align: left;
	color: yellow;
	margin-bottom: 0vh;
	font-family: 'Alice', serif;
}
.label_rarr {
	font-size: 3vmax;
	padding: 0vw;
	margin-top: -3vmin;
	text-align: right;
}
.label_larr {
	font-size: 3vmax;
	padding: 0vw;
	margin-top: -3vmin;
	text-align: left;
}
.free_labelr {
	font-size: 1.25vmax;
	text-align: right;
	padding: 0vw;
	margin-bottom: 0vw;
}
.free_labell {
	font-size: 1.25vmax;
	text-align: left;
	padding: 0vw;
	margin-bottom: 0vw;
}
.M_label_num {
	height: 50%;
	position: relative;
}

#list1 {
	grid-column-start: 6;
	grid-row-end: span 2;
}
#list1 .M_label_num {
	height: 50%;
}
#list1 .label_numw {
	padding-top: 20%;
}
#M_img_amersets {
	grid-row-end: span 2;
}

#list2 {
	grid-row-end: span 2;
}
#list2 .M_label_num {
	height: 50%;
}
#list2 .label_nume {
	padding-top: 20%;
}
#M_img_skullpointsvid {
	grid-row-end: span 2;
}

#list3 {
	grid-column-start: 6;
	grid-row-end: span 3;
}
#list3 .M_label_num {
	height: 33%;
}
#list3 .label_numw {
	padding-top: 19%;
}
#M_img_csv2data {
	grid-row-end: span 3;
}

#list4 {
	grid-row-end: span 2;
}
#list4 .M_label_num {
	height: 40%;
}
#list4 .label_nume {
	padding-top: 14%;
}
.M_img_chairs {
	grid-row-end: span 2;
}

#list5 {
	grid-column-start: 6;
	grid-row-end: span 3;
	margin-left: -1vmax;
}
#list5 .M_label_num {
	height: 33%;
}
#list5 .label_numw {
	padding-top: 20%;
}
#M_img_tens2pts {
	grid-row-end: span 3;
}

#list6 {
	grid-row-end: span 2;
}
#list6 .M_label_num {
	height: 40%;
}
#list6 .label_nume {
	padding-top: 14%;
}
#M_img_algomesh {
	grid-row-end: span 2;
}

#list7 {
	grid-column-start: 7;
	grid-row-end: span 3;
}
#list7 .M_label_num {
	height: 25%;
}
#list7 .label_numw {
	padding-top: 17%;
}
#M_img_trainingvid {
	grid-row-end: span 3;
	z-index: 10;
}

#list8 {
	grid-row-end: span 4;
}
#list8 .M_label_num {
	height: 15%;
}
#list8 .label_nume {
	padding-top: 11%;
}
#M_img_libcontend {
	grid-row-end: span 2;
}
#M_img_flagcontend {
	grid-row-end: span 2;
}

#list9 {
	grid-column-start: 7;
	grid-row-end: span 3;
}
#list9 .M_label_num {
	height: 25%;
}
#list9 .label_numw {
	padding-top: 17%;
}
#M_img_meshingvid {
	grid-row-end: span 3;
	z-index: 10;
}

#M_tech_outro {
	grid-row-end: span 2;
	height: 75%;
}
#M_tech_outro > p {
	padding-top: 1vmax;
	font-size: 2vmax;
}
#M_tech_outro > h1 {
	font-size: 1.5vmax;
	margin-top: -1vmax;
}

#M_citations {
	grid-row-end: span 1;
	z-index: 10;
}
.citation {
	font-size: 1.1vmax;
	line-height: 1;
}
.cite_num {
	color: yellow;
	font-weight: bold;
	font-style: italic;

	font-size: 1.3vmax;
}

/*BELOW IS FOR MOBILE, DUH!!!!*/

@media screen and (max-width: 481px){

body {
	font-size: 2.5vmax;
	margin-left: 1vw;
	margin-right: 1vw;
	background-size: 97%;
}

#sidenav1 {
	display: none;
}

#mobile_nav {
	display: block;
}

.OA_gallery1 {
	display: grid;
	grid-template-columns: minmax(250px, 1fr);
	grid-template-rows: 20vh;
	grid-auto-rows: 20vh;
}
.OA_gallery1.dense {
	grid-auto-flow: row dense;
}

.g_item {
}
.g_item.span2 {
	grid-column-end: span 1;
}
.g_item.span3 {
	grid-column-end: span 1;
}
.g_item.span4 {
	grid-column-end: span 1;
}
.g_item.span5 {
	grid-column-end: span 1;
}
.g_item.span6 {
	grid-column-end: span 1;
}
.g_item.span7 {
	grid-column-end: span 1;
}
.g_item.span8 {
	grid-column-end: span 1;
}

.spacer2 {
	display: none;
	grid-row-end: span 1;
}
.spacer3 {
	display: none;
	grid-row-end: span 1;
}
.spacer4 {
	display: none;
	grid-row-end: span 1;
}
.spacer_tall {
	display: none;
	grid-row-end: span 1;
}
.spacer_huge {
	display: none;
	grid-row-end: span 1;
}

.nameplate {
	display: inline-block;
	margin-top: 2.5vw;
	margin-left: 5vw;
	width: 90vw;
	height: 9vh;
}
#geiringer1 {
	width: 100%;
}
#back_arrow {
	display: none;
}
.OA_nameplate {
	position: absolute;
	width: 70%;
	left: 15%;
	top: 10.5vh;
}

#top_model {
	width: 100vw;
}

.paper_button {
	top: 203vh;
	right: 70vmin;
	z-index: 3;
}
.paper_button p {
	margin: 0;
	position: absolute;
	color: black;
	top: 3.3vmax;
	left: 0vw;
	font-size: 2.5vmax;
	line-height: 2.2vmax;
	padding: 0;

}

.model_label {
	font-family: monospace;
	font-size: 2vmax;
	display: block;
	margin-top: -8vmin;
	text-align: right;
	float: right;
}
#lib_mcds-model_label {
	font-size: 3vw;
	margin-top: -8vh;
	color: lightgrey;
}
#trum_mans-model_label {
	font-size: 3vw;
	margin-top: -8vh;
	color: lightgrey;
}
#guil_bike-model_label {
	font-size: 3vw;
	margin-top: -8vh;
	color: lightgrey;
}
#wavi_flag-model_label {
	font-size: 3vw;
	margin-top: -6vh;
	color: lightgrey;
}
.top_model_label {
	font-family: monospace;
	font-size: 2vmax;
	display: block;
	margin-top: -18vmax;
	text-align: right;
	float: right;
}


#text_intro {
	grid-row-end: span 5;
}

#LU-top {
	grid-row-end: span 1;
}
.LU-set {
	grid-row-end: span 4;
}
#LU-text {
	grid-row-end: span 5;
}

.eq_text {
	margin-top: 0vh;
}

.t_sequence {
	display: none;
}
.sequence_label {
	display: none;
}
.sequence_cell {
	display: none;
}

#text_2 {
	grid-row-end: span 8;
	height: 90%
}

.nav_text {
	font-size: 3vmax;
}

h1 {
	font-size: 4vmax;
}
.center_h1 {
	font-size: 6vmax;
}

#tdp_text {
	font-size: 7vh;
}
#method_text {
	font-size: 6vh;
}

#media {
	grid-row-end: span 3;
}
#media_1 {
	grid-row-end: span 5;
}
#media_2 {
	grid-row-end: span 5;
}

.video {
	grid-row-end: span 1;
}


/*below section for print_gallery*/
#PG_top_spacer {
	grid-row-end: 1;
	display: initial;
}

#PG_text_intro {
	grid-row-end: span 4;
	background-color: yellow;
	color: black;
	height: 80%;
	margin-top: 15vmin;
}
#PG_text_copyright {
	text-align: right;
	font-size: 2vmax;
	padding-top: 10px;
}

#PG_column_lib {
	grid-row-end: span 19;
}
.PG_text_lib {
	background-color: white;
	color: black;
	text-align: center;
}
.PG_text_lib > p > span {
	font-size: 3.5vmax;
}

#PG_column_trum {
	grid-row-end: span 26;
}
.PG_text_trum {
	text-align: center;
}
.PG_text_trum > p > span {
	font-size: 3.1vmax;
}

#PG_column_guil {
	grid-row-end: span 20;
}
.PG_text_guil {
	text-align: center;
}
.PG_text_guil > p > span {
	font-size: 3.5vmax;
}

#PG_column_flag {
	grid-row-end: span 21;
}
.PG_text_flag {
	background-color: DarkGoldenRod;
	text-align: center;
}
.PG_text_flag > p > span {
	font-size: 3.5vmax;
}
#PG_item_copyright {
	grid-row-end: span 2;
	background-color: black;
	color: #999999;
	font-size: 3vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
#PG_text_end {
	grid-row-end: span 6;
	height: 100%;
}


/*below section for methodology*/

#M_text_intro {
	grid-row-end: span 5;
	font-size: 3vmax;
	height: 90%;
}
#M_Y_CM {
	grid-row-end: span 8;
	height: 95%;
}
#M_Y_ML {
	grid-row-end: span 13;
	height: 95%;
}
#M_img_trumphouse {
	grid-row-end: span 2;
}
#M_Y_SC {
	grid-row-end: span 5;
	height: 90%;
}
#M_img_reconlib {
	grid-row-end: span 3;
}
#M_img_recontrump {
	grid-row-end: span 2;
}
#M_Y_A {
	grid-row-end: span 6;
	height: 90%;
}
#M_img_qresults {
	grid-row-end: span 3;
}
#M_img_qresults > img {
	object-fit: cover;
}
#M_text_WoC {
	grid-row-end: span 8;
}
.M_graphix_ellipsis {
	grid-row-end: span 1;
}
#M_tech_intro {
	grid-row-end: span 6;
	height: 95%;
}
#M_tech_steplist_div {
	grid-row-end: span 7;
}
#M_tech_steplist_intro {
	padding-top: 1vmin;
	font-size: 3vmax;
}
#M_tech_steplist_intro > span {
	font-size: 2vmax;
}
#M_step_list {
	padding-top: 0vh;
	font-size: 2.5vmax;
	padding-bottom: 1vmin;
	font-family: monospace;
}

.list_num {
	color: indigo;
	font-weight: bold;
	font-style: italic;

	font-size: 5vmax;
}
.list_paren {
	font-size: 1.75vmax;
}
.M_listnum_inline {
	font-size: 3vmax;
}

.label_img {
	font-family: monospace;
	font-size: 2vmax;
	color: yellow;
	position: block;
	margin-top: -15vmin;
	text-align: right;
}
.label_a {
	text-decoration: none;
}
.label_nume {
	font-size: 10vmax;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: indigo;
	margin-bottom: 0vh;
	margin-right: 0vmax;
	font-family: monospace;
}
.label_numw {
	font-size: 10vmax;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: indigo;
	margin-bottom: 0vh;
	margin-left: 0vmax;
	font-family: monospace;
}
.label_figinline {
	color: yellow;
}
.label_fige {
	font-size: 3vmax;
	text-align: right;

	color: yellow;
	margin-bottom: 0vh;
	font-family: 'Alice', serif;
}
.label_figw {
	font-size: 3vmax;
	text-align: left;
	color: yellow;
	margin-bottom: 0vh;
	font-family: 'Alice', serif;
}
.label_rarr {
	display: none;
}
.label_larr {
	display: none;
}
.free_labelr {
	font-size: 2.25vmax;
	text-align: center;
}
.free_labell {
	font-size: 2.25vmax;
	text-align: center;
}
.M_label_num {
	position: relative;
}

#list1 {
	grid-column-start: auto;
	grid-row-end: span 2;
}
#list1 .M_label_num {
	height: 35%;
}
#list1 .label_numw {
	padding-top: 8%;
}
#M_img_amersets {
	grid-row-end: span 1;
}

#list2 {
	grid-row-end: span 2;
}
#list2 .M_label_num {
	height: 45%;
}
#list2 .label_nume {
	padding-top: 17%;
}
#M_img_skullpointsvid {
	grid-row-end: span 2;
}

#list3 {
	grid-column-start: auto;
	grid-row-end: span 3;
}
#list3 .M_label_num {
	height: 33%;
}
#list3 .label_numw {
	padding-top: 19%;
}
#M_img_csv2data {
	grid-row-end: span 2;
}

#list4 {
	grid-row-end: span 3;
}
#list4 .M_label_num {
	height: 45%;
}
#list4 .label_nume {
	padding-top: 34%;
}
.M_img_chairs {
	grid-row-end: span 2;
}

#list5 {
	grid-column-start: auto;
	grid-row-end: span 3;
	margin-left: 0vmax;
}
#list5 .M_label_num {
	height: 40%;
}
#list5 .label_numw {
	padding-top: 29%;
}
#M_img_tens2pts {
	grid-row-end: span 2;
}

#list6 {
	grid-row-end: span 3;
}
#list6 .M_label_num {
	height: 40%;
}
#list6 .label_nume {
	padding-top: 27%;
}
#M_img_algomesh {
	grid-row-end: span 1;
}

#list7 {
	grid-column-start: auto;
	grid-row-end: span 3;
}
#list7 .M_label_num {
	height: 40%;
}
#list7 .label_numw {
	padding-top: 27%;
}
#M_img_trainingvid {
	grid-row-end: span 2;
	z-index: 10;
}

#list8 {
	grid-row-end: span 4;
}
#list8 .M_label_num {
	height: 25%;
}
#list8 .label_nume {
	padding-top: 20%;
}
#M_img_libcontend {
	grid-row-end: span 1;
}
#M_img_flagcontend {
	grid-row-end: span 1;
}

#list9 {
	grid-column-start: auto;
	grid-row-end: span 3;
}
#list9 .M_label_num {
	height: 35%;
}
#list9 .label_numw {
	padding-top: 20%;
}
#M_img_meshingvid {
	grid-row-end: span 2;
	z-index: 10;
}

#M_tech_outro {
	grid-row-end: span 3;
	height: 90%;
}
#M_tech_outro > p {
	padding-top: 2vmax;
	font-size: 3vmax;
}
#M_tech_outro > h1 {
	font-size: 2.5vmax;
	margin-top: -1vmax;
}

#M_citations {
	grid-row-end: span 3;
	z-index: 10;
}
.citation {
	font-size: 2vmax;
	line-height: 2;
}
.cite_num {
	color: yellow;
	font-weight: bold;
	font-style: italic;

	font-size: 3vmax;
}

}