<template>
<v-container>
  <v-row no-gutters>
    <v-col class="align-start">
      <card-control />
    </v-col>
    <v-col class="pl-3">
      <card-soundboard />
    </v-col>
  </v-row>
</v-container>
<v-container>
  <v-row no-gutters>
    <v-col>
      <card-solution />
    </v-col>
  </v-row>
</v-container>
</template>

<script setup>

import CardSolution from '@/components/CardSolution.vue'
import CardControl from '@/components/CardControl.vue'
import CardSoundboard from '@/components/CardSoundboard.vue';

</script>

<style>
@media (min-width: 1024px) {
  .card__title.primary {
      background-color: #2979FF; /* Changez la couleur en fonction de votre thème */
  }
  .card__title.feedback {
      background-color: #2E7D32; /* Changez la couleur en fonction de votre thème */
  }
  .btn{
    border-radius:30px!important;
    background-color: #2979FF; /* Changez la couleur en fonction de votre thème */
  }
}
</style>
