body {
	background:#0a0418;
}
h2 {
	color:#2ca7e3;
	text-align:center;
	background:linear-gradient(90deg, #fff0, #05d0ff2b, #fff0);
	margin:15px 0px;
	padding:5px;
}
center {
	height:200px;
	margin-top:10px;
	button {
		height:200px;
	}
}
.table {
	display:flex;
	background:linear-gradient(#190e41, #2f146a);
	border:5px solid #08000d;
	border-radius:10px;
	padding:10px;
	margin:auto;
	width:1100px;
	div {
		display:flex;
		flex-direction:column;
		margin:5px;
	}
}
.tab {
	transition: transform 0.5s;
}
.tab:hover {
	filter:brightness(120%);
	transform:scale(101%,101%);
}
/**/
.conversation {
	margin:10px;
	display:none;
}

.dialogbox {
	background:#000;
	height:150px;
	padding:10px;
	p {
		margin:0px;
	}
}

.sprite {
	filter: saturate(30%) brightness(70%);
}
/**/


#alText, #unnText, #mattText, #houndText, #narratorText, #amText, #natText, #marnText, #paulText {
	display:none;
}
#sp1, #sp2, #sp3, #sp4 {
	display:none;
}
#t1, #t2, #t3, #t4 {
	display:none;
}


/* SimBox */
.conv {
	position:fixed;
	z-index:10;
	margin: 7% auto;
	left:0px;
	right:0px;
	width:900px;
	height:480px;
	border:5px solid #000;
	border-radius:5px;
	padding:10px;
	background:linear-gradient(#03000b, #0e001c);
	p {
		margin:0px;
	}
}
#hideout {
	position:fixed;
	background:#0a0113d4;
	width:100%;
	height:100%;
	top:0px;
	z-index:5;
}
.spriteBox {
	background:#0b0320;
	margin:10px 0px;
	padding:10px 10px 0px 10px;
	display:flex;
	justify-content:center;
	img {
		filter: saturate(30%) brightness(70%);
		height:266px;
	}
}
.laberBox {
	border:2px solid #261934;
	border-radius:5px;
	height:84px;
	padding:10px;
	background:linear-gradient(#15041e, #0c041e);
}
.textBut {
	width:90px;
	margin:10px 0px 0px 0px;
	background:#765aa0;
	border: 2px solid #503c88;
	color:#c0aeda;
	font-size: 0.8rem;
	padding:5px;
}
.textBut:hover {
	color:#fff;
}
.textBut:active {
	background: #4e2a84;
	border: 2px solid #211f5b;
}