body
	{
		background:		#6c6558;
		color:			#FFCC66;
		font-family:	monospace;
		font-size:		14px;
		text-shadow: 0px 0px 2px;
	//	background-image:url('images/rednoise.png');
	}
a
	{
		text-decoration:	none;
		font-weight: 		bold;
		color: 				#FFEE99;
		text-shadow: 0px 0px .25em;
	}
h1
	{
		font-size: 1.25em;
	}

.button
	{
		user-select:none;
	}

.header, .title
		{
			font-size:1.1em;
			color:#fc6;
			//text-shadow:none;
			margin:0px auto;
			clear:both;
		}
#terminal
	{
		width:900px;
		margin-left:90px;
	}
.header
	{
		box-shadow:	.0em .0em .3em #FC6 inset;
	}
.container
	{
		max-width: 1010px;
		min-height:	750px;
		padding: 15px;
		border-radius: 25px;
		margin:		0px auto;
		box-shadow: .0em .0em 5em inset #000;
		background-image:url('/images/rednoise.png');
		border:6px inset #6c6558;
		overflow:hidden;
	}
.supershredder
	{
		max-width: 1010px;
		margin:0px auto;
	}
.panel {
	display: block;
	  float: left;
	  width: 320px;
	  margin: 10px 5px;
	  padding: 0px;
	  //background: #000;
	  border-radius: 0px;
	  box-shadow: .0em .0em .3em #FC6;
	  border: 3px solid #FC6;
		overflow:hidden;
}
.panel .content
	{
		display: block;
		margin: 0px;
		border-top:1px solid #FC6;
		//max-height: 320px;
		overflow: hidden;
		box-shadow:	.0em .0em .3em #FC6 inset;
	}
.wide { width:992px; float:none; clear:both; }
.half { width:488px;}
p
	{display:inline-block;
	margin:0.5em;}

.loads { display:none;}

.smicon
	{
	padding:0px;
	 color: #000;
	margin:3px;
	display: inline-block;
	height: 100px;
	width: 100px;
	background: #6b4322;
	line-height:100px;
	}
.bigicon
{
	display: inline-block;
	 color: #000;
  height: 206px;
  width: 206px;
  background: #6b4322;
	margin: 3px;
	line-height:200px;
}
.icono
	{
		display: flex;
		  flex-direction: column;
		  flex-wrap: wrap;
		  height: 212px;
		  margin: 0px 100px;
			text-align:center;

	}
.blurb
	{
		width:350px;
		height:200px;
		margin:10px;
		float:left;
		position:relative;
	}
	.imurg
		{
			width:200px;
			height:200px;
			margin:10px;
			float:left;
			position:relative;
		}

.cheevo	{ font-size:.75em; margin:8px;}
.cheevo	img { max-width:140px; }
.final
	{
	width: 225px;
  margin-left: 375px;
	}
#prestigePanel img {margin:7px;}
#panelCongratulate { text-align:center;}
@media (orientation: portrait)
	{
	.panel, .wide, .half { width:390px; float:none; clear:both; }
	#terminal {width:390px;margin-left:10px;}
	.container
		{
		transform:scale(2);
		transform-origin: top center;
		max-width: 400px;
		}
	.panel{float:none; margin: 10px auto;}
	.header{ margin: 0px auto;}
	.smicon
		{
		display: inline-block;
		height: 70px;
		width: 70px;
		}
	.bigicon	{		width: 162px;		height: 374px;	}
	.icono		{		padding:0px;		width:319px;	margin:0px auto; height:380px; flex-direction: column;}
	.blurb{ width:300px; }
	.imurg{ width:300px; height:300px;}
	.final { margin-left: 95px; }
	.cheevo {font-size:0.5em; margin:12px}
	.cheevo img {max-width:100px}
	}
.hide {display:none;}
:root
	{
  touch-action: pan-x pan-y;
  height: 100%
	}