<script context="module">
	export const prerender = true;
</script>

<script>
import Footer from "$lib/Footer.svelte";
import Slider from '$lib/Slider.svelte'
import Highlights from '$lib/Highlights.svelte'
import News from "$lib/News.svelte";
import Asesoramiento from "$lib/Asesoramiento.svelte";

</script>

<svelte:head>
	<title>Asociación Derecho a Morir Dignamente</title>
</svelte:head>

<section>
	<Slider />
</section>
<section>
	<Highlights />
</section>

	<Asesoramiento/>

<section>
	<News />
</section>

<footer>
	<Footer />
</footer>

<style>
	section {
		background: white;
		padding: 1rem;
		display: block;
		position: relative;
		min-height: 6rem;
		margin: 0 auto;
	}
	footer {
		min-height: 6rem;
		padding: 0;
	}

	@media (max-width: 768px) {
		section {
			padding: 0.5rem;
		}
	}
</style>