remove unused css and reuse vuetify defined css classes for styling

Author: rosalieper

src/components/Pages/Complaint.vue

@@ -2,8 +2,8 @@
   <v-main>
     <v-responsive max-width="616px" min-width="250px" >
       <div class="body">
-      <p id="titleReportIllegalContent">Reporting illegal content</p>
-        <p id="pageContent">Please use this form to report any content that you consider to be illegal. After sending the email,
+      <p class="text-h4">Reporting illegal content</p>
+        <p class="text-body-1">Please use this form to report any content that you consider to be illegal. After sending the email,
         which is generated by clicking the ‘Report illegal content’ button, your report will be delivered to
         us and handled in accordance with Regulation (EU) 2022/2065, Article 16 (‘Digital Services Act’).
         If you supply an email, you will then automatically receive a confirmation of receipt and, as soon
@@ -59,7 +59,7 @@
           </div>
       </v-form>
       <v-snackbar color="success" elevation="24" v-model="successMessage">
-        <p class="alert-text" >Report successfully submitted. Thanks!</p>
+        <span class="text-body-1" >Report successfully submitted. Thanks!</span>
         <template v-slot:action>
           <v-btn
             text
@@ -71,7 +71,7 @@
         </template>
       </v-snackbar>
       <v-snackbar color="error" elevation="24" v-model="errorMessage" multi-line>
-        <p class="alert-text" >Something went wrong with submitting your report. Please try again.</p>
+        <span class="text-body-1" >Something went wrong with submitting your report. Please try again.</span>
         <template v-slot:action>
           <v-btn
             text
@@ -168,23 +168,7 @@ export default {
 </script>
 
 <style>
-#pageContent{
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-}
-#titleReportIllegalContent{
-  align-self: stretch;
-  font-size: 34px;
-  font-weight: 400;
-  line-height: 40px;
-}
 .body{
   padding: 8px;
 }
-
-.alert-text{
-  font-size: 16px;
-  letter-spacing: 0.5px;
-}
 </style>