.submission_form{
		display:grid;
		grid-template-columns:max-content max-content;
		width:100%;
		grid-row-gap:.5em;
		grid-column-gap:1em;
		justify-content:center;
	}
	label{text-align:right;}
	.checkbox_list{
		display:grid;
		grid-row-gap:.5em;
		grid-column-gap:.35em;
	}
	.collong{
		grid-template-columns:max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content;
	}
	.collongnosmall{
		grid-template-columns:max-content max-content max-content max-content max-content max-content;
	}
	.colsmol{
		grid-template-columns:max-content max-content max-content max-content max-content;
	}
	.twocol{
		grid-template-columns:max-content max-content;
	}
	.threecol{
		grid-template-columns:max-content max-content max-content;
	}
	.fourcol{
		grid-template-columns:max-content max-content max-content max-content;
	}
	.colspan{
		grid-column: 1 / -1;
	}
	.fixwidth{
		max-width:100px;
	}
	.hideWithWidth{
		height:0;
		max-height:0px;
		overflow:hidden;
		
	}
	.textcenter{text-align:center;font-weight:bold;}
	#name,#email{
		width:300px;
	}
	#playerlvl{
		width:44px;
	}
	.mandatoryasterisk{
		color:var(--color-main);
	}
	.submission_form>label:not(.notelabel):not(.optional)::before{
		color:var(--color-main);
		content:"*";
	}
	.notelabel{font-size:8pt;text-align:left;color:var(--color-primary-accent);}
	
	.b{display:none;}
	.hideonsmall{
		display:unset;
	}
	.showonsmall{
		display:none;
	}
	.sub_section{
		font-weight:bold;
		
	}
	
	.prefAvailLabel{
		max-width:16ch;
		text-align:right;
	}
@media (max-aspect-ratio:1/1)
{
	.collong{
		grid-template-columns:max-content max-content max-content max-content;
	}
	.hideonsmall{
		display:none;
	}
	.showonsmall{
		display:unset;
	}
	label{
		font-size:var(--font-size-eight);
	}
	p{
		font-size:var(--font-size-eight);
	}
	#name,#email,#password{
		width:160px;
	}
	.submission_form>.notelabel{
		max-width:160px;
	}
	.checkbox_list{
		grid-row-gap:.25em;
	}
	.b,.f,.o{
		max-width:80px;
	}
	.fourcol>label{
		max-width:80px;
	}
	.fourcol{
		grid-column-gap:.5em;
		
	}
	input[type="text"],input[type="url"],input[type="email"],input[type="password"]{
		max-height:14px;
	}
	input{font-size:var(--font-size-nine);}
	
	.prefAvailLabel{
		max-width:16ch;}
}