@font-face {
	font-display: swap;
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 300;
	src: url("/assets/roboto-condensed-v31-latin-300.woff2") format("woff2");
}
@font-face {
	font-display: swap;
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 700;
	src: url("/assets/roboto-condensed-v31-latin-700.woff2") format("woff2");
}
body {
	align-items: center;
	background: #007344 url("/assets/background.jpg") center center / cover no-repeat;
	box-sizing: border-box;
	color: white;
	display: flex;
	flex-direction: column;
	font-family: "Roboto Condensed", sans-serif;
	font-size: calc(10px + 2vw);
	font-weight: 300;
	justify-content: center;
	line-height: 1.337;
	min-height: 100dvh;
	margin: 0;
	padding: 16px;
	text-align: center;
}
.hidden {
	display: none !important;
}
#logo {
	height: 48px;
	left: 16px;
	position: absolute;
	top: 16px;
	width: 48px;
}
#content {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#avatar {
	align-items: center;
	background: white;
	border: 4px solid white;
	border-radius: 50%;
	color: #007344;
	display: flex;
	font-size: calc(36px + 2vw);
	font-weight: 700;
	height: calc(144px + 8vw);
	justify-content: center;
	overflow: hidden;
	width: calc(144px + 8vw);
}
#avatar img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
#name {
	font-size: calc(16px + 4vw);
	font-weight: 700;
	margin: -24px 0 8px 0;
}
#title, #company {
	font-size: calc(10px + 2vw);
	font-weight: 300;
	margin: 4px 0 0 0;
}
#phone, #email {
	align-items: center;
	color: white;
	display: flex;
	font-weight: 300;
	gap: 12px;
	justify-content: center;
	margin: 0 0 4px 0;
}
#phone::before, #email::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E") center center / contain no-repeat;
	color: white;
	content: "";
	display: inline-block;
	height: calc(12px + 1vw);
	width: calc(12px + 1vw);
}
#email::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471z'/%3E%3C/svg%3E");
}
#download {
	background: white;
	border-radius: calc(12px + 4vw);
	display: block;
	margin: 32px 0 24px 0;
	max-width: calc(128px + 4vw);
	overflow: hidden;
	padding: 16px;
}
#download canvas {
	display: block;
	height: calc(128px + 4vw);
	width: calc(128px + 4vw);
}
@media screen and (min-height: 800px) {
	#download {
		max-width: calc(192px + 4vw);
		padding: 24px;
	}
	#download canvas {
		height: calc(192px + 4vw);
		width: calc(192px + 4vw);
	}
}