<script>
	import Hero from './Hero.svelte';
	import cv from '$lib/files/CV_Theodor_Vallier.pdf';
</script>

<svelte:head>
	<title>Home</title>
	<meta name="description" content="Portfolio" />
</svelte:head>

<section>
	<Hero />
	<h1 class="cv">
		<a href={cv} download="CV_Vallier_Theodor.pdf">Dowload my CV</a>
	</h1>
</section>

<style>
	section {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex: 0.6;
	}

	.cv {
		font-size: 1.5rem;
		margin-top: 2rem;
		padding: 1rem;
		border-radius: 0.5rem;
		background-color: var(--color-nav);
	}

	.cv a {
		color: white;
		text-decoration: none;
	}
</style>
