/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* STAR SHRINE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.contain {
	width: auto;
	height: auto;
	background-color: ;
	border: ;
	padding: 15px;
	margin: auto;
	
}

.boxy {
	background-color: rgb(201,89,241,0.50);
	width: auto;
	height: auto;
	padding: 15px;
	font-family: 'MS Gothic';
	border-radius: 15px;
}

.starshrine-main {
	width: 900px;
	max-height: 780px;
	border: 2px solid black;
	padding: 15px;
	background-image: url('../backgrounds/keybg1.png');
	background-repeat: repeat;
	margin-left: 15px;
	padding: 20px;
	border-radius: 15px;
	overflow: auto;
	scrollbar-width: thin;
	position: relative;
}

.starshrine-textbox {
	width: 850px;
	height: auto;
	border: 1px solid black;
	padding: 10px;
	background-color: #E7D2D2;
	border-radius: 25px;
	margin: auto;
	
}

.starshrine-side {
	width: 350px;
	max-height: auto;
	border: 2px solid black;
	padding: 15px;
	background-image: url('../backgrounds/keybg1.png');
	background-repeat: repeat;
	margin-right: 30px;
	border-radius: 15px;
}

.starshrine-side-outer {
	width: 350px;
	height: auto;
	margin-right: 40px;
	flex-direction: column;
}

.tablink-sq {
	width: 100%;
	height: 40px;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #E7D2D2;
	border: 2px solid black;
	text-align: center;
	border-radius: 15px;
	font-family: 'MS Gothic';
	font-weight: bold;
}

.tablink-sq:hover {
	border: 2px solid white;
}

.starshrine-side-2 {
	width: auto;
	height: auto;
	border: 1px solid black;
	padding: 10px;
	background-color: #E7D2D2;
}

.starshrine-header {
	margin: auto;
	margin-bottom: 20px;
}

img.starshrine-gallery {
	border: 1px solid black;
}

.flex {
	display: flex;
}

img.kirbyvibe {
	bottom: 0;
	right: 0;
	position: fixed;
	margin: 0 3% 3% 0;
}

p {
	font-family: 'MS Gothic';
	font-weight: bold;
}

h2 {
	font-family: 'MS UI Gothic';
	font-size: 30px;
}

h1 {
	font-family: 'MS UI Gothic';
	font-size: 25px;
	background-image: linear-gradient(to right, rgb(201,89,241,0.50), rgb(231,210,210));
	text-align: left;
	padding: 5px;
	border-radius: 10px;
}