*{
	margin: 0;
}
:root{
	--color-blue: rgb(0 161 195);
}
@font-face {
	font-family: 'Rapport';
	font-weight: normal;
	src: url('../fonts/Rapport/Rapport-Regular.woff2') format("woff2");
}
body{
	background: var(--color-blue);
	font-family: 'Rapport', sans-serif;
	font-size: 16px;
}

main{
	position: relative;
}
img{
	width: 100%;
}

.birds{
	width: 500vw;
	height: 100vh;
	background-image: url('/assets/img/birds_cover_web.webp');
	background-blend-mode: multiply;
	background-size: auto 100vh;
	background-position-x: -10%;
	background-color: rgb(185, 249, 255);
}

a{
	color: white;
	text-decoration: none;
}

.title{
	display: block;
	height: 70vh;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.title img{
	height: 100%;
	width: auto;
}

.links{
	position: fixed;
	font-size: 1rem;
	top: 2rem;
	right: 1rem;
	display: flex;
	align-items: center;
}
.links a{
	display: block;
	background: white;
	border-radius: 1rem;
	color: var(--color-blue);
	padding: 0.5rem 1rem;
}
.soon{
	margin-right: 1em;
	text-align: right;
}
.description{
	margin: auto;
	color: white;
	width: 500px;
	text-align: center;
}


@media screen and (max-width: 500px){
	.title{
		height: auto;
		width: 80%;
	}
	.title img{
		width: 100%;
		height: auto;
	}
	.birds{
		width: 100vw;
		background-size: cover;
		background-position: center center;
	}
	/* body{
		margin: 0;
	}
	main{
		height: 100vh;
		overflow: hidden;
	}
	.birds img{
		width: auto;
        height: 540px;
        margin-left: -30%;
	}
	.title{
		width: 80vw;
		position: relative;
		margin: auto;
		margin-top: 100px;
		transform: none;
		left: 0;
		top: 0;
	} */
}