#style{
	border: 3px solid #63dcf7;
	/*background: #17535c;*/
	padding:10px 8px;
	margin: 10px;
	position: relative;
	color: #d6faff;
}




body{
	background: #17535c;
	background-image:url("replacebackgroundlater.jpg");
	
font-family: Comic Sans MS;
}

.main{
	/*width: 900px;*/
	min-width: 960px;
	max-width: 1200px;
	height: 800px;
	margin: auto;
	/*margin-left: 200px;
	margin-right: auto;*/
}

.frame{
	margin-top: 50px;
	display: flex;
	flex-direction: row;
	position: relative;
}

.left-frame{
	flex-shrink: 0;
	width: 280px;
	margin-top: 25px;
}
.mid-frame{
	width: 580px;
	min-width: 350px;
	max-width: 600px;
	position: relative;
}
.right-frame{
	flex-shrink: 0;
	width: 250px;
	height: 700px;
	margin-top: 25px;
}

.subpane{
  width: 75%;
  margin: 0 auto; 
	border-radius: 2.5%;
	border: 2px solid #b0f7ff;
	
	h3{
		margin-top: 3px;
		margin-bottom: -5px;
		text-decoration: underline;
	}
	p{
		margin: 3px;
		margin-bottom: 8px;
		word-spacing: -2px;
	}
	
}

.reference{
	text-align: center;
	background: #43263a;
	height: 480px;
	h3{
		margin-top: -3px;
		text-decoration: underline;
	};
}

.ref-controls{
	text-align: center;
	background: #43263a;
	h2{
		margin-top: -3px;
		margin-bottom: 5px;
		text-decoration: underline;
	}
	h5{
		margin-top: -5px;
	}
}

.description{
	text-align: center;
	background: #463c59;
	
	h1{
		font-size: 50px;
		text-decoration: underline;
	}
}

.expansion{
	text-align: center;
	background: #463c59;
	
	h1{
		font-size: 50px;
		text-decoration: underline;
	}
}



.profile{
	text-align: center;
	background: #43263a;
	height: auto;
	top: 100px;
}

#scaffold{
	overflow: visible;
	width: 250px;
	height: 220vh;
	background: url('scaffold.png') 0px 0px;
	position: relative;
	top: -100px;
	background-repeat: repeat-y;
}


.icon{
	background: #482a3d;
	background-repeat: no-repeat;
	background-size: contain;
	height: 200px;
	border-radius: 100%;
	border: 4px solid cyan;
}

.name{
	margin-top: -15px;
	hr{
		margin-top: -10px;
		margin-bottom: 10px;
		width: 80%
	}
}



.profile-item{
	padding-top: 6px;
	padding-bottom: 4px;
	b{
		font-size: 20px;
	}
	p{
		font-size: 20px;
		display: inline;
	}
	img{
		display: inline;
	}
	.big{
	}
	.lil{
		/*height: 4px;*/
		width: 30%;
		border-top: 1px solid #ccc;
		margin-top: -3px;
		line-height: 10px;
		font-size: 10px;
		margin-left: auto;
		margin-right: auto;
	}
}