body
{
	background-color:#464a4f;
	color:white;
	font-family:arial;
	height:100vh;
}

h2
{
	color:#fcac49;
}

h3
{
	background-color:#e37e00;
	color:white;
	padding:5px;
}

.sectHeader
{
	color:#fcac49;
	min-width:100%;
}

.contactLink
{
	color:#fc9514;
}

.textGroup
{
	padding-bottom:30px;
}

.imageSize
{
	padding:50px;
	padding-left:30%;
	width:35%;
	min-size:50%;
	height:auto;
}

.imageDiv
{
	width:50%
	margin:auto;
}

#selectBox
{
	overflow-x:scroll;
	display:inline-flex;
	width:100%;
	padding-bottom:10px;
	scrollbar-width: thin;
	cursor: grab;
	position: relative;
}

.selectionEndCap
{
	border-left:solid;
	border-color:#e37e00;
	width:1px;
	padding-left:2%;
}

.selectSection
{
	padding:2%;
	width:250px;
	min-width:150px;
	justify:right;
	border:none;
	background-color:rgba(0,0,0,0);
	color:white;
	border-left:solid;
	border-color:#e37e00;
	z-index:0;
}

.selectSection:hover
{
	background-color:rgba(255,255,255,1);
	color:black;
}

.selectSectionCurrent
{
	padding:2%;
	width:250px;
	min-width:150px;
	justify:right;
	border:none;
	background-color:rgba(227,126,0,1);
	color:white;
	border-left:solid;
	border-color:#e37e00;
	z-index:0;
}

.selectSectionNav
{
	height:100%;
	aspect-ratio: 1 / 1;
	z-index:1;
	position:sticky;
}

.noEffect {
  all: unset;
  display: contents;
}

#mainBox
{
	margin:auto;
	width:70%;
	background-color:#5c6169;
	padding:25px;
	box-shadow: -5px 5px #34373b;
}