Vuetify styling using the style tag

HomePage.vue

<template>
  <v-container>
    <v-row justify="center">
      <v-col cols="6">
        <v-card color="green">
          <v-card-title class="green darken-4">Chocolate cheesecake recipe</v-card-title>
          <v-card-text class="pt-2">
            <ul class="subtitle-2">
              <li>5 eggs</li>
              <li>1 cup of warm milk</li>
              <li>2 cups of flour</li>
              <li>1/2 cup of sugar</li>
              <li class="red--text">1 lbs Philadelphia cream cheese </li>
              <li>...</li>
            </ul>
          </v-card-text>
        </v-card>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  name: 'HomePage'
}
</script>

<style>
ul {
  list-style-type: square;
}
.v-card__title {
  font-style: italic;
}
.v-card__text {
  color: blue!important;
}
</style>