---
import Layout from "../../layouts/Layout.astro";
---

<Layout>
    <div class="flex flex-col">
        <div
            class="bg-ieee h-[35em] rounded-b-[10%] my-auto flex flex-col items-center justify-center bg-blend-overlay bg-no-repeat bg-cover align-center bg-center"
            style="background-image: url('/backgrounds/fa21qp.png');"
        >
            <div class="flex flex-col items-center justify-center text-center">
                <div
                    class="text-[3.2em] text-center text-white font-bold mb-4 w-[11em]"
                >
                    Quarterly Project Links
                </div>
            </div>
        </div>
        <div
            class="bg-white h-[45em] flex flex-col items-center justify-center align-center bg-center"
        >
            <div class="text-ieee mb-4 text-[3.2em]">
                Below are the links to the forms for QP!
            </div>
            <div
                class="text-black mb-4 text-[1.4em] w-[22em] text-center items-center justify-center bg-gray-200 rounded-lg p-4 group hover:scale-110 transition-all duration-500"
            >
                <a class="" href="./mentor2024">
                    <div class="text-[1.2em] font-medium">
                        Mentor Signup 2024
                    </div>
                </a>
            </div>
            <div
                class="text-black mb-4 text-[1.4em] w-[22em] text-center items-center justify-center bg-gray-200 rounded-lg p-4 group hover:scale-110 transition-all duration-500"
            >
                <a class="" href="./participant2024">
                    <div class="text-[1.2em] font-medium">
                        Participant Signup 2024
                    </div>
                </a>
            </div>
        </div>
    </div>
</Layout>
