.hiringContent
{
	display: flex;
	flex-direction: column;
	
	position: absolute;
	
	top: 50%;
	left: 50%;
	
	transform: translate(-50%, -50%);
}

.hiringContent .hiringText
{
	display: flex;
	
	width: fit-content;
	height: fit-content;
	
	text-align: center;
	
	color: white;
	font-size: 1.1vw;
	
	margin-bottom: 5vw;
}

.hiringContent .positionsBox
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hiringContent .positionsBox .header
{
	display: block;
	
	width: 100%;
	height: fit-content;
	
	text-align: center;
	
	font-size: 1.1vw;
	font-weight: bold;
	
	color: white;
	
	margin-bottom: 1vw;
}

.hiringContent .positionsBox .spacer
{
	width: 100%;
	height: 0.5vw;
}

.hiringContent .positionsBox .position
{
	position: relative;
	
	width: 60%;
	height: fit-content;
	
	padding: 0.25vw;
	padding-left: 1vw;
	margin-left: 0vw;
	
	font-weight: bold;
	font-size: 1vw;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	
	vertical-align: middle;
	
	opacity: 0;
	
	transition: margin-left 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}

.hiringContent .positionsBox .position .animator
{
	position: absolute;
	
	left: 0%;
	top: 0%;
	
	width: 0%;
	height: 100%;
	
	background-color: rgba(255, 255, 255, 0.5);
	
	transition: width 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}