<template>
    <v-card class="vcard-descriptions-mobile" style="margin-top: 30px;">

        <h1 class="h1profilemobile">Podcast #01</h1>


        <h2 clase="card-date" style="margin-bottom: 4%; text-align: right; margin-right: 5%;">10-03-2024 </h2>
        <iframe width="420" height="315" src="https://www.youtube.com/embed/CDlj1IUhBqg?si=ot1YPBMKbmviOXvD">
        </iframe>

        <p class="text-justify pa-4" style="font-size: 1.2em">
            Voici mon nouveau podcast!

        </p>
    </v-card>
</template>

<style>
.vcard-descriptions-mobile {
    box-shadow: 0 6px 9px rgba(0, 0, 0, 0.6);

}

.h1profilemobile {
    font-size: 2rem;
    text-align: center;

    color: rgba(163, 14, 121, 0.85);


}

.card-date {
    text-align: right;
}
</style>