<script>
    import Menu from './Menu.svelte'
    import Backtotop from './Side/Backtotop.svelte'
	import Map from './Map.svelte'
	import Article from './Articles.svelte'
	import Festalist from './Side/Festalist.svelte';
	import Areaset from './Side/Areaset.svelte';
</script>

<style>
	div {
		text-align: left;
		box-sizing: border-box;
		display: block;
	}

	:global(body) {
		padding: 0;
		margin: 0;
		align-items: center;
		align-content: center;
		text-align: center;
		justify-content: center;
	}

	:global(html) {
		scroll-behavior: smooth;
	}

</style>

<div>
	<Menu/>
	<Festalist/>
	<Areaset/>
	<Map/>
	<Backtotop/>
	<Article/>
</div>