@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;700&display=swap');

body {
	font-family: 'Tajawal', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

.container {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	width: 100vw;
	height: 100vh;
	background-image: url("../images/bg-img-blurred.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.logo img {
	width: 100%;
	max-width: 360px;
	height: auto;
}

.message {
	font-size: 20px;
	text-align: center;
}

.message .sign {
	max-width: 160px;
	height: auto;
}

.contact {
	font-size: 24px;
	text-align: center;
	font-weight: 300;
}

.contact a {
	color: #ffffff;
	text-decoration: none !important;
	transition: all .2s;
}

.contact a:hover {
	color: rgba(255,255,255,.7);
}