new subtitle class

src/views/ContactView.vue

@@ -6,7 +6,7 @@
         
         <div id="contact_content_text">
           <h1>{{ $t("contact.title") }}</h1>
-          <p>{{ $t("contact.subtitle") }}</p>
+          <p class="subtitle">{{ $t("contact.subtitle") }}</p>
           <h2>{{ $t("contact.emails.research.title") }}</h2>
           <p>{{ $t("contact.emails.research.desc", {user:"a", domain:"b"}) }}</p>
           <h2>{{ $t("contact.emails.work.title") }}</h2>

src/views/SkillsView.vue

@@ -1,7 +1,7 @@
 <template>
     <Header/>
     <h1 class="center">{{ $t("skills.title") }}</h1>
-    <p class="center content">{{ $t("skills.subtitle") }}</p>
+    <p class="center content subtitle">{{ $t("skills.subtitle") }}</p>
 
     <SkillsList v-for="(e,i) in skills" :key="i" :title="e.title" :desc="e.desc" :buttonText="e.buttonText" :link="e.link" :picture="e.picture" class="factList"/>
   </template>

src/views/projects/semanticSegmentationView.vue

@@ -2,7 +2,7 @@
     <Header/>
     <div id="title_div">
       <h1>{{ $t("projects.semantic_segmentation.title") }}</h1>
-      <p>{{ $t("projects.semantic_segmentation.subtitle") }}</p>
+      <p class="subtitle">{{ $t("projects.semantic_segmentation.subtitle") }}</p>
       <img :src="semanticSegmentationCover"/> 
     </div>
     <article>

src/views/projects/videoEditorView.vue

@@ -2,7 +2,7 @@
     <Header/>
     <div id="title_div">
       <h1>{{ $t("projects.video_editor.title") }}</h1>
-      <p>{{ $t("projects.video_editor.subtitle") }}</p>
+      <p class="subtitle">{{ $t("projects.video_editor.subtitle") }}</p>
     </div>
     <article>
       <h2>{{ $t("projects.video_editor.fukushima_kosen.title") }}</h2>