<div class="flex flex-col justify-center gap-40">
    <div class="flex">
        <div class="flex flex-col w-3/5 gap-4 px-32">
            <h1 class="text-7xl text-primary font-bold">Helseveileder</h1>
            <p>Vi utfører en undersøkelse om kunstig intelligens (AI) i medisin. Vi ønsker å forstå hvordan AI kan fungere som en copilot for leger og pasienter.</p>
            <p>Undersøkelsen er helt anonym og informasjonen vil bli brukt til å forbedre vår tjeneste.</p>
            <ul>
                <p>I denne undersøkelsen vil vi at du skal vurdere følgende: </p>
                <li><strong>Empati:</strong> Evnen til AI til å forstå og dele følelsene til en annen.</li>
                <li><strong>Kunnskap:</strong> Nøyaktighet og relevans av den medisinske informasjonen gitt.</li>
                <li><strong>Hjelpsomhet:</strong> Evnen til å gi nyttig og praktisk råd eller støtte.</li>
            </ul>
        </div>
        <div class="flex justify-center items-center w-2/5">
            <button class="text-primary font-bold uppercase border-primary border-2 rounded-full px-8 py-3"><a href="/form">Start undersøkelse</a></button>
        </div>
    </div>
    <div class="flex justify-center items-center gap-8 text-primary font-bold">
        <button>Personvern</button>
        <button>Mer info</button>
    </div>
</div>

<style lang="postcss">
    :root {
        color: theme(colors.content);
        
    }
    li {
        list-style-type: disc;
        margin-left: 2rem;
        font-size: large;
    }
    p {
        font-size: large;
    }
    button {
        font-size: large;
    }
</style>