<!-- <img class="h-38 w-full md:rounded-t-4xl" src="anime1.png" alt="anime girl 1" /> -->
<svelte:head>
	<title>m0e.space | Main Page</title>
	<meta property="og:title" content="Main Page" />
</svelte:head>

<h1 class="text-5xl text-center m-4 font-title text-white font-normal" id="title">m0e.space</h1>

<div class="flex flex-col mx-8 items-center gap-10 justify-center md:flex-row">
	<a href="/projects" class="button" id="button1">Our Projects</a>
	<a href="/hosted" class="button" id="button2">Our hosted services</a>
</div>

<div class="grow w-full flex flex-row items-end content-between justify-between px-8">
	<a
		href="https://t.me/evolj1"
		class="text-white text-opacity-50 underline font-['Jeko-MediumItalic'] text-xl md:text-lg"
		>design: evolji</a
	>
	<a
		href="/about"
		class="text-white text-opacity-50 underline font-['Jeko-MediumItalic'] text-xl md:text-lg"
		>about us</a
	>
	<!-- <div class="flex flex-row gap-4"></div> -->
</div>
