<template>


    <div class="md:flex hidden items-center justify-between flex-col">

    </div>





    <div class="md:hidden flex flex-col items-center justify-center">
        <v-container class=" footer-donate-container">

            <h1 style="text-align: center; color: rgb(107, 0, 101); margin-bottom: 4%;"> ENCOURAGEZ-MOI </h1>


            <v-text-field label="Montant"
                style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>

            <v-text-field label="Message"
                style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>

            <v-btn style="margin-bottom: 3px; background-color: rgb(163, 14, 121); color: white;" rounded="xl"
                size="x-large" block>Faire un don</v-btn>

        </v-container>
    </div>
</template>





<style>
.footer-donate-container {

    background-color: rgb(255, 255, 255);

}
</style>