@font-face {
	font-family: '1';
	src: url('../fonts/Rajdhani-Bold.ttf');
}

@font-face {
	font-family: '2';
	src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
	font-family: '3';
	src: url('../fonts/Gilroy-Bold.ttf');
}



* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	user-select: none;
}

.job-container {
	position: absolute;
	text-transform: uppercase;
	width: 30vh;
	height: 20vh;
	bottom: 2vh;
	left: 37vh;
	zoom: 0.8;
	font-size: 2vh;
	color: var(--color-text);
}

.job {
	position: absolute;
	/* font-family: '1'; */
	/* font-family: '2'; */
	/* font-family: '3'; */
	font-family: var(--font-text);
	top: 3vw;
	border-left: 0.4vh solid var(--color-first);
	padding-left: 1.0vh;
	height: 4vh;
	display: flex;

}

.rang {
	position: absolute;
	/* font-family: 'Rajdhani'; */
	/* font-family: 'Montserrat'; */
	/* font-family: 'Gilroy'; */
	font-family: var(--font-text);
	top: 4.5vw;
	font-size: 1.5vh;
	left: 1.4vh;
	color: var(--color-subtext);
	display: flex;
	align-items: center;
}

.position {
	text-transform: uppercase;
	position: absolute;
	width: 30vh;
	height: 20vh;
	bottom: 2vh;
	left: 37vh;
	zoom: 0.8;
	font-size: 2vh;
	color: var(--color-text);
}

.street {
	position: absolute;
	/* font-family: 'Rajdhani'; */
	/* font-family: 'Montserrat'; */
	/* font-family: 'Gilroy'; */
	font-family: var(--font-text);
	top: 7vw;
	border-left: 0.4vh solid var(--color-second);
	padding-left: 1.0vh;
	height: 3.9vh;
	display: flex;
}

.plz {
	position: absolute;
	/* font-family: 'Rajdhani'; */
	/* font-family: 'Montserrat'; */
	/* font-family: 'Gilroy'; */
	font-family: var(--font-text);
	top: 8.4vw;
	font-size: 1.5vh;
	left: 1.4vh;
	color: var(--color-subtext);
	display: flex;
	align-items: center;
}