---
import Layout from '../layouts/Layout.astro';
import Footer from '../components/Footer.astro';
import Leftnav from '../components/Leftnav.astro';
import Topbar from '../components/Topbar.astro';
import Maincontent from '../components/Maincontent.astro';
---

<Layout title="Welcome to Astro.">
        <main class="flex min-h-screen max-h-screen">
                <div class="flex min-h-screen w-screen flex-col bg-slate-400 grow-0 break-all max-h-screen">
                        <Topbar>
                                
                        </Topbar>
                        <div class="flex h-auto w-screen flex-row grow overflow-hidden">
                          <Leftnav>
                                <ul>
                                        <li><i class="fa fa-fan text-sm text-blue-900 pl-2"></i>Test</li>
                                        <li>Test</li>
                                        <li>Test</li>
                                        <li>Test</li>
                                        <li>Test</li>
                                        <li>Test</li>
                                </ul>
                          </Leftnav>
                          <Maincontent>
                                <p>
                                        <span class="font-fsctitle">Hallo Welt</span><br>
                                        <span class="font-fsc">Hallo Welt</span><br>
                                        <span class="font-roboto">Hallo Welt</span><br>
                                        Hallo Welt<br>
                                        COntent Data<br>
                                        COntent Data<br>
                                        COntent Data<br>
                                        COntent Data<br>
                                        COntent Data<br>
                                        COntent Data<br>
                                </p>
                          </Maincontent>
                        </div>
                        <Footer>Footer Data</Footer>
                  </div>
        </main>
</Layout>