body {
		font-family: sans-serif;
		  font-family: "Red Hat Text", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
		min-height: 100vh;
		background-color: #fafafa;
		background-image: url('/style/bg1.jpg');
		background-position: center;
		background-attachment: fixed;
		background-size: cover;
		color: #efefefaa;
		text-shadow: .5em .5em 1em #ddddddaa;
		font-size: 2vh;
		font-weight: 100;
		padding-top: 10vh;
	}
	h2, h1 { 
		font-weight: 100;}
	#message {
		background-color: #efefefaa;
		border-radius: 1em;
		padding: 1em;
		box-shadow: .5em .5em 1em #ddddddaa;
		margin: auto;
		max-width: 35em;
		color: black;
		background-image: url('/style/bg1_blur.jpg');
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
	}
	#status-off, #status-on {
		font-weight: 500;
	}
	#status-off::before {
		content: "Off";
		padding: .2em;
		padding-left: .4em;
		margin-right: 1em;
		height: 1em;
		border: .3em solid #aa3333aa;
		border-right: 2em solid #aa3333aa;
		border-radius: 1em;
		box-shadow: .15em .15em .3em #777777aa, .07em .07em .15em #aaaaaaaa inset;
		display: inline-block;
		background-color: #dddddd77;
		color:black;
		font-weight: 500;
	}
	#status-on::before {
		content: "On";
		padding: .2em;
		padding-right: .4em;
		margin-right: 1em;
		height: 1em;
		border: .3em solid #338833aa;
		border-left: 2em solid #338833aa;
		border-radius: 1em;
		box-shadow: .15em .15em .3em #777777aa, .07em .07em .15em #aaaaaaaa inset;
		display: inline-block;
		background-color: #dddddd77;
		color:black;
		font-weight: 500;
	}
	#message h2 {
		margin-top: 0em;
		padding-top: 0em;
	}
	#message p {
		padding: 0;
		margin: 0;
	}
	#motd {
		margin-top: 1em;
		border-radius: 1em;
		background: #3b4c2e77;
	}
	#motd h2 {
		padding-right: 1em;
		padding-left: 1em;
		text-align: center;
		margin: .1em;
		color: white;
		font-weight: lighter;
	}
	#motdcont {
		font-family: monospace;
		background-image: url('/style/11635.jpg');
		background-size: contain;
		background-repeat: repeat;
		padding: 1em;
		border-radius: 1em;
		color: white;
		box-shadow: 10em 10em 10em #222222aa inset;
	}
	.progress {
		width: 100%;
		display: block;
		background-color: #ffffff55;
		border: 1px solid white;
		border-radius: 2em;
		box-shadow: .15em .15em .3em #ffffff77;
		height: 2em;
		box-sizing: border-box;
	}
	.progress .proglabel {
		position: relative;
		display: block;
		height: 0px;
		width: 100%;
		top: .3em;
		overflow-x: visible;
		overflow-y: visible;
		z-index: 2;
	}
	.progress .indic {
		height: 2em;
		display: inline-block;
		background-color: white;
		box-shadow: .15em .15em .3em #ffffffaa;
		min-width: 2em;
		max-width: 100%;
		border-radius: 2em;
	}
	.button, details {
		width: 100%;
		display: block;
		background-color: #ffffff55;
		border: 1px solid white;
		padding: .5em;
		font-size: 1em;
		border-radius: 2em;
		box-shadow: .15em .15em .3em #ffffff77;
		box-sizing: border-box;
		text-align: center;
		color: black;
		text-decoration: none;
		margin-bottom: .5em;
		margin-top: .5em;
		cursor: pointer;
		transition: all 100ms linear;
	}
	.button:hover {
		
		background-color: #ffffff88;
	}
	.back-btn {
		display: inline-block;
		width: 2.5em;
		height: 2.5em;
		font-size: .5em;
		position: relative;
		top: -.5em;
		margin-left: -2.5em;
		margin-bottom: 0;
		background-image: url('/style/bg1_blur.jpg');
		background-position: center;
		background-position-x: +2.45em;
		background-position-y: -1em;
		background-size: contain;
		background-attachment: fixed;
		border: 0px;
		filter: brightness(140%);
	}
	.back-btn:hover {
		filter: brightness(170%);
	}
	details {
		text-align: left
	}
	details:hover {
		background-color: #ffffff88;
	}
	summary::marker {
		content: "";
		display: none;
	}
	summary {
		margin: 0 0 0 0;
		text-align: center;
	}
	.embed {
		margin-left: auto;
		margin-right: auto;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
	}
	.back-btn-embed {
		position: fixed;
		top: 1em;
		left: 3em;
		z-index: 1000;
		margin: 0 0 0 0;
		font-size: 1.5em;
		background-image: none;
		background-color: #ffffff88;
		font-weight: 700;
	}
	.back-btn-embed:hover {
		background-color: #ffffffaa;
	}
	.h1-embed {
		position: fixed;
		z-index: 1000;
		width: 100vw;
		margin-top: 0;
		top: 65px;
		font-size: 3vw;
	}