factorize the font-family and font-style css rules

app.vue

@@ -2,8 +2,8 @@
   <nuxt-page />
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+</script>
 
-<!-- TODO: définir la police Barlow de manière générique et la virer partout ailleurs -->
 <!-- TODO: voir si possible de factoriser les consignes 'custom-row' un peu partout -->
 <!-- TODO: voir si possible d'utilser des sections pour factoriser les marges entre les sections d'une page -->

assets/style/main.scss

@@ -1,7 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@500;700&display=swap');
 
-h1, h2, h3, h4, h5, h6, p, small, .btn-event, .btn-contact, .formation-btn, td, .button-faq, li, .btn-school,
-.btn-artist, .btn-manager, .name, .school, .view-button, .presentation-title, .subtitle .status {
+body {
   font-family: "Barlow", serif;
   font-style: normal;
 }

assets/style/theme.scss

@@ -36,7 +36,7 @@ body {
     color: var(--on-alt-theme) !important;
   }
 
-  // Thème alernatif
+  // Thème alternatif
   .alt-theme {
     background-color: var(--alt-theme);
     color: var(--on-alt-theme) !important;
@@ -45,6 +45,7 @@ body {
       border-color: var(--on-alt-theme);
     }
   }
+
   .alt-theme * {
     color: var(--on-alt-theme) !important;
   }

components/About/Banner.vue

@@ -19,8 +19,6 @@
 
 <style scoped>
 :deep(.logiciel) {
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-size: 3rem;
   line-height: 85px;
   text-align: center;

components/About/Equipe.vue

@@ -149,7 +149,6 @@ const employees: Array<SocietyMember> = [
 
 .details {
   color: var(--primary-color);
-  font-family: Barlow, serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 20px;
@@ -158,27 +157,21 @@ const employees: Array<SocietyMember> = [
 
 .description {
   color: var(--primary-color);
-  font-family: Barlow, serif;
   font-size: 14px;
-  font-style: normal;
   font-weight: 300;
   line-height: 18px;
 }
 
 .name {
   color: var(--primary-color);
-  font-family: Barlow, serif;
   font-size: 22px;
-  font-style: normal;
   font-weight: 500;
   line-height: 26px;
 }
 
 .position {
   color: var(--primary-color);
-  font-family: Barlow, serif;
   font-size: 10px;
-  font-style: normal;
   font-weight: 600;
   line-height: 15px;
   letter-spacing: 1.8px;

components/About/FAQ.vue

@@ -48,7 +48,6 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
 h4 {
   margin-bottom: 2rem;
   margin-top: 3rem;
-  font-style: normal;
   font-weight: 400;
   font-size: 2rem;
   line-height: 34px;

components/About/MenuScroll.vue

@@ -43,7 +43,7 @@ const isSticky = ref(false);
 const handleScroll = () => {
   const scrollPosition = window.scrollY;
 
-  if (scrollPosition > 800) { 
+  if (scrollPosition > 800) {
     isSticky.value = true;
   } else {
     isSticky.value = false;
@@ -102,10 +102,8 @@ const navigate = (menu) => {
   justify-content: space-around;
   background: white;
   color: #071b1f;
-  font-family: "Barlow";
   font-size: 1rem;
   line-height: 19px;
-  display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: 0.18em;

components/About/Valeurs.vue

@@ -107,8 +107,6 @@ const values: Array<Array<SocietyValue>> = [
   }
 
   h6 {
-    font-family: "Barlow", serif;
-    font-style: normal;
     font-weight: 500;
     font-size: 22px;
     line-height: 26px;

components/Common/Agenda.vue

@@ -201,11 +201,9 @@ const goNext = () => carousel.value!.next();
 
 .btn-news {
   color: var(--primary-color);
-  font-family: "Barlow", serif;
   background: transparent;
   border: 1px solid var(--primary-color);
   border-radius: 6px;
-  font-style: normal;
   font-weight: 600;
   text-transform: uppercase;
   display: flex;

components/Common/Banner/BannerTitle.vue

@@ -66,8 +66,6 @@ h1 {
   opacity: 0.08;
   margin-top: 2rem;
   margin-bottom: 2rem;
-  font-style: normal;
-
 }
 
 .lateral-text:first-child {

components/Common/Carousel/Clients.vue

@@ -77,7 +77,6 @@ const goToNext = () => {
 
 h2 {
   margin-bottom: 2rem;
-  font-style: normal;
   text-align: center;
   font-weight: 600;
   font-size: 42px;

components/Common/MenuScroll.vue

@@ -68,7 +68,6 @@ const handleScroll = () => {
   justify-content: space-around;
   background: white;
   color: #071b1f;
-  font-family: "Barlow", serif;
   font-size: 1rem;
   line-height: 19px;
   align-items: center;

components/Common/Presentation.vue

@@ -237,7 +237,6 @@ const props = defineProps({
 h3 {
   color: var(--on-primary-color);
   font-size: 34px;
-  font-style: normal;
   font-weight: 400;
   line-height: 38px;
 }

components/Common/Share.vue

@@ -67,9 +67,7 @@
 .share {
   display: flex;
   gap: 10px;
-  font-family: "Barlow", serif;
   font-size: 16px;
-  font-style: normal;
   font-weight: 400;
   line-height: 28px;
 

components/Common/StickyMenu.vue

@@ -161,7 +161,6 @@ const onActionClick = (action: StickyMenuAction) => {
 
 .square {
   position: relative;
-  font-family: "Barlow", serif;
   width: 7rem;
   padding: 1rem;
   cursor: pointer;

components/Common/Table/Comparatif.vue

@@ -121,8 +121,6 @@ table {
 
 th {
   height: 8rem;
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 400;
   font-size: 30px;
   line-height: 34px;
@@ -144,8 +142,6 @@ td {
 td:first-child {
   text-align: left;
   padding-left: 20px;
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 600;
   font-size: 12px;
   line-height: 16px;
@@ -155,7 +151,6 @@ td:first-child {
 }
 
 .standard {
-  font-style: normal;
   font-weight: 600;
   font-size: 12px;
   line-height: 16px;

components/Formation/Banner.vue

@@ -41,7 +41,6 @@
       position: absolute;
       top: 40px;
       left: 20px;
-      font-family: "Barlow", serif;
       color: white;
       font-size: 3rem;
       width: 30rem;

components/Formation/Catalogue.vue

@@ -230,8 +230,6 @@ const courses: Array<Training> = [
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
-    font-family: "Barlow", serif;
-    font-style: normal;
     font-weight: 600;
     font-size: 1.2rem;
     width: 31rem;
@@ -239,8 +237,6 @@ const courses: Array<Training> = [
     padding: 1rem 0;
 
     .number-card {
-      font-family: "Barlow", serif;
-      font-style: normal;
       font-weight: 500;
       font-size: 1.3rem;
       color: #b9e5e7;
@@ -249,8 +245,6 @@ const courses: Array<Training> = [
   }
 
   .details-card {
-    font-family: "Barlow", serif;
-    font-style: normal;
     font-weight: 300;
     font-size: 1rem;
     line-height: 1rem;
@@ -271,8 +265,6 @@ const courses: Array<Training> = [
     height: 13rem;
 
     h6 {
-      font-family: "Barlow", serif;
-      font-style: normal;
       font-weight: 500;
       font-size: 16px;
       line-height: 20px;
@@ -281,8 +273,6 @@ const courses: Array<Training> = [
 
     ul {
       margin-top: 0.5rem;
-      font-family: "Barlow", serif;
-      font-style: normal;
       font-weight: 300;
       font-size: 14px;
       line-height: 18px;
@@ -293,8 +283,6 @@ const courses: Array<Training> = [
     color: white;
     border: 1px solid #0e2d32;
     border-radius: 3rem;
-    font-family: "Barlow", serif;
-    font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 18px;
@@ -311,8 +299,6 @@ const courses: Array<Training> = [
 
   .chip-register {
     border-radius: 3rem;
-    font-family: "Barlow", serif;
-    font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 18px;

components/Formation/Participation.vue

@@ -69,8 +69,6 @@
 }
 
 h3 {
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 600;
   font-size: 42px;
   line-height: 42px;

components/Formation/Presentation.vue

@@ -81,8 +81,6 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
 }
 
 h3, p {
-    font-family: "Barlow", serif;
-    font-style: normal;
     width: 35rem;
 }
 

components/Formation/Solutions.vue

@@ -134,9 +134,6 @@
   border: 1px solid #0e2d32;
   border-radius: 3rem;
   text-transform: uppercase;
-
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 500;
   font-size: 14px;
   line-height: 16px;
@@ -155,8 +152,6 @@
 }
 
 .solution-name {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 300;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -169,8 +164,6 @@
   align-items: center;
 }
 .solution-title {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 500;
   font-size: 1.5rem;
   line-height: 1.5rem;

components/Home/Help.vue

@@ -93,8 +93,6 @@ li {
 
 h4 {
   margin-bottom: 0.7rem;
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 400;
   font-size: 2rem;
   line-height: 34px;
@@ -103,8 +101,6 @@ h4 {
 
 p {
   width: 25rem;
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 300;
   font-size: 1.1rem;
   line-height: 1.4rem;
@@ -114,8 +110,6 @@ p {
 ul {
   margin-top: 20px;
   max-height: 160px;
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 500;
   color: #0e2d32;
   font-size: 1.2rem;
@@ -152,7 +146,6 @@ ul {
 
   p {
     width: 30rem;
-    font-style: normal;
     font-weight: 300;
     font-size: 1.1rem;
     line-height: 1.4rem;

components/Home/News.vue

@@ -188,8 +188,6 @@ const actus = ref([
   color: #000000;
 }
 .card-text {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 18px;
@@ -197,8 +195,6 @@ const actus = ref([
   color: #091d20;
 }
 .card-title {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 600;
   font-size: 12px;
   line-height: 16px;
@@ -252,8 +248,6 @@ const actus = ref([
   object-position: center;
 }
 .small-title {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 600;
   width: 12rem;
   font-size: 12px;
@@ -266,8 +260,6 @@ const actus = ref([
 
 .title {
   margin-top: 2rem;
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 600;
   font-size: 42px;
   line-height: 42px;
@@ -281,12 +273,9 @@ const actus = ref([
   margin-left: 25rem;
   margin-top: 8rem;
   top: 6rem;
-  border-radius: 2rem;
-  font-family: "Barlow";
   background: transparent;
   border: 1px solid #9edbdd;
   border-radius: 6px;
-  font-style: normal;
   font-weight: 600;
   text-transform: uppercase;
   display: flex;

components/Home/Reviews.vue

@@ -321,8 +321,6 @@ const items: Ref<Array<{ src: string }>> = ref([
       .v-card-title {
         margin-left: 1rem;
         font-weight: 500;
-        font-family: "Barlow", serif;
-        font-style: normal;
         font-size: 1.4rem;
         color: #9edbdd;
       }

components/Home/Solution.vue

@@ -217,12 +217,10 @@ h3 {
   }
 
   p {
-    font-family: "Barlow", serif;
     font-size: 1.3rem;
     line-height: 1.5rem;
     margin-top: 1rem;
     color: #eff9fb;
-    font-style: normal;
     width: 20rem;
   }
 
@@ -313,11 +311,9 @@ h3 {
     }
 
     li {
-      font-family: "Barlow", serif;
       font-size: 0.8rem;
       width: 10rem;
       margin-left: 1rem;
-      font-style: normal;
       line-height: 18px;
       color: #091d20;
     }

components/JoinUs/Banner.vue

@@ -30,14 +30,12 @@
 <style scoped>
 
 h3, .subtitle {
-  font-family: "Barlow", serif;
   line-height: 2.5rem;
   text-align: center;
 }
 
 
 h3 {
-  font-style: normal;
   font-weight: 600;
   font-size: 1.5rem;
 }

components/JoinUs/MissionDetail.vue

@@ -160,8 +160,6 @@ const formatDate = (date: string) => {
 
     div {
       margin: 12px 0;
-      font-family: "Barlow", serif;
-      font-style: normal;
       font-weight: 500;
       font-size: 25px;
       line-height: 18px;
@@ -171,9 +169,7 @@ const formatDate = (date: string) => {
   .description {
     color: #0e2d32;
     text-align: justify;
-    font-family: "Barlow", serif;
     font-size: 1.875rem;
-    font-style: normal;
     font-weight: 500;
     line-height: 2.125rem;
   }
@@ -193,10 +189,8 @@ const formatDate = (date: string) => {
   padding: 25px 28px;
   align-items: center;
   gap: 9px;
-  font-family: "Barlow", serif;
   font-size: 0.9rem;
   border-radius: 5px;
-  font-style: normal;
   font-weight: 700;
   line-height: 15px;
   letter-spacing: 1.3px;

components/JoinUs/Missions.vue

@@ -236,8 +236,6 @@ const sendApplication = () => {
     padding: 10px 10px 10px 1px;
 
     .title {
-      font-family: "Barlow",serif;
-      font-style: normal;
       font-weight: 600;
       font-size: 1.5rem;
       line-height: 39px;
@@ -306,8 +304,6 @@ const sendApplication = () => {
 }
 
 .v-dialog {
-  font-family: Barlow, serif;
-
   .btn-more {
     width: 128px;
   }

components/Layout/FAQ.vue

@@ -88,13 +88,11 @@
 }
 
 h3 {
-  font-family: "Barlow", serif;
   margin-left: 3rem;
   margin-right: 15rem;
   width: 28rem;
   margin-bottom: 3rem;
   font-size: 30px;
-  font-style: normal;
   font-weight: 400;
 }
 
@@ -103,8 +101,6 @@ h3 {
   height: 3.5rem;
   margin-left: 3rem;
   border-radius: 6px;
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 500;
   font-size: 0.8rem;
   z-index: 1;
@@ -119,9 +115,7 @@ h3 {
     height: 5.5rem;
     margin-left: 3rem;
     border-radius: 6px;
-    font-family: "Barlow", serif;
     background: transparent;
-    font-style: normal;
     font-weight: 500;
     font-size: 0.8rem;
     line-height: 1rem;
@@ -144,8 +138,6 @@ h3 {
     }
 
     p {
-      font-family: "Barlow", serif;
-      font-style: normal;
       font-weight: 500;
       font-size: 16px;
       line-height: 26px;

components/Layout/Footer/Footer.vue

@@ -326,8 +326,6 @@ const onIntersect = (isIntersecting) => {
 }
 
 .container {
-  font-family: "Barlow", serif;
-  font-style: normal;
   padding-top: 32px;
 }
 
@@ -394,8 +392,6 @@ a {
     flex-direction: column;
     justify-content: space-between;
     text-align: left;
-    font-family: "Barlow", serif;
-    font-style: normal;
     font-weight: 700;
     font-size: 1.5rem;
     cursor: pointer;
@@ -407,8 +403,6 @@ a {
     }
 
     a {
-      font-family: "Barlow", serif;
-      font-style: normal;
       font-weight: 300;
       font-size: 1.3rem;
       line-height: 20px;

components/Layout/Footer/Solutions.vue

@@ -141,8 +141,6 @@ const props = defineProps({
   border: 1px solid #0e2d32;
   border-radius: 3rem;
   text-transform: uppercase;
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 500;
   font-size: 10px;
   line-height: 16px;
@@ -162,8 +160,6 @@ const props = defineProps({
 }
 
 .solution-title {
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 500;
   font-size: 1.5rem;
   line-height: 1.5rem;

components/Layout/Navigation.vue

@@ -219,8 +219,6 @@ const withAnimation = (callback: () => void) => {
 }
 
 .menuItem, .menuItem .v-list-item-title {
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 500;
   font-size: 0.9rem;
   letter-spacing: 0.1em;

components/Layout/Navigation/Topbar.vue

@@ -32,8 +32,6 @@ const { mdAndDown } = useDisplay();
   align-items: center;
   height: 54px;
   background-color: #dbdbdb;
-  font-family: "Barlow", serif;
-  font-style: normal;
   font-weight: 700;
   font-size: 0.7rem;
 }

components/Logiciels/Artist/Abonnement.vue

@@ -103,9 +103,7 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
   list-style-type: decimal;
   padding-left: 2rem;
   color: #000;
-  font-family: Barlow, serif;
   font-size: 16px;
-  font-style: normal;
   font-weight: 300;
   line-height: 20px;
   margin-left: 3rem;
@@ -135,9 +133,7 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
   justify-content: center;
   color: var(--on-secondary-color);
   text-align: center;
-  font-family: "Barlow", serif;
   font-size: 1rem;
-  font-style: normal;
   font-weight: 300;
   line-height: 18px;
 }
@@ -158,7 +154,6 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
 }
 
 h5 {
-  font-family: "Barlow", serif;
   color: #091d20;
   margin-bottom: 4rem;
   font-size: 42px;
@@ -194,9 +189,7 @@ h5 {
   margin-bottom: 2rem;
   color: #071b1f;
   width: 40rem;
-  font-family: Barlow, serif;
   font-size: 34px;
-  font-style: normal;
   font-weight: 400;
   line-height: 38px;
 }

components/Logiciels/Manager/Formation.vue

@@ -149,8 +149,6 @@ const items = ref([
 
 .formation {
   .v-btn {
-    font-family: "Barlow", serif;
-    font-style: normal;
     width: 30rem;
     height: 4rem;
     font-weight: 500;

components/Logiciels/Manager/Network.vue

@@ -48,7 +48,6 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
 
 .pyramide-details {
   font-size: 2.125rem;
-  font-style: normal;
   font-weight: 400;
   line-height: 2.375rem;
   width: 40rem;

components/Logiciels/Manager/Solutions.vue

@@ -125,9 +125,6 @@ const hideSchoolRow = route.path.includes("opentalent_school");
   border: 1px solid #0e2d32;
   border-radius: 3rem;
   text-transform: uppercase;
-
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 500;
   font-size: 14px;
   line-height: 16px;
@@ -147,8 +144,6 @@ const hideSchoolRow = route.path.includes("opentalent_school");
 }
 
 .solution-name {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 300;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -161,8 +156,6 @@ const hideSchoolRow = route.path.includes("opentalent_school");
   align-items: center;
 }
 .solution-title {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 500;
   font-size: 1.5rem;
   line-height: 1.5rem;

components/Logiciels/School/Formations.vue

@@ -159,8 +159,6 @@ const items: Array<{ src: string }> = [
 
 .formation {
   .v-btn {
-    font-family: "Barlow", serif;
-    font-style: normal;
     width: 30rem;
     height: 4rem;
     font-weight: 500;

components/Logiciels/School/Solutions.vue

@@ -134,9 +134,6 @@
   border: 1px solid #0e2d32;
   border-radius: 3rem;
   text-transform: uppercase;
-
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 500;
   font-size: 14px;
   line-height: 16px;
@@ -154,8 +151,6 @@
 }
 
 .solution-name {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 300;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -168,8 +163,6 @@
   align-items: center;
 }
 .solution-title {
-  font-family: "Barlow";
-  font-style: normal;
   font-weight: 500;
   font-size: 1.5rem;
   line-height: 1.5rem;

components/News/Details.vue

@@ -125,18 +125,14 @@ const getImageUrl = (attachment: string): string | null => {
     margin-top: 11rem;
     text-decoration: none;
     text-transform: uppercase;
-    font-family: Barlow, serif;
     font-size: 36px;
-    font-style: normal;
     font-weight: 600;
   }
 
   .description {
     color: #0e2d32;
     text-align: justify;
-    font-family: "Barlow", serif;
     font-size: 30px;
-    font-style: normal;
     font-weight: 500;
     line-height: 34px;
     margin-left: 3.5rem;
@@ -152,10 +148,8 @@ const getImageUrl = (attachment: string): string | null => {
     padding: 25px 28px;
     align-items: center;
     gap: 9px;
-    font-family: Barlow, serif;
     font-size: 0.9rem;
     border-radius: 5px;
-    font-style: normal;
     font-weight: 700;
     line-height: 15px;
     letter-spacing: 1.3px;
@@ -167,9 +161,7 @@ const getImageUrl = (attachment: string): string | null => {
 .back-button {
   text-decoration: none;
   color: #000000;
-  font-family: Barlow, serif;
   font-size: 0.9rem;
-  font-style: normal;
   font-weight: 700;
   line-height: 15px;
   letter-spacing: 1.8px;
@@ -178,9 +170,7 @@ const getImageUrl = (attachment: string): string | null => {
 
 .key-word {
   color: #000;
-  font-family: Barlow, serif;
   font-size: 20px;
-  font-style: normal;
   font-weight: 500;
   line-height: 24px;
 }

components/News/List.vue

@@ -205,9 +205,7 @@ h1 {
   color: #d1cdc7; /* TODO: pqoi cette couleur ici? */
   margin-left: 3rem;
   margin-top: 2rem;
-  font-family: Barlow, serif;
   font-size: 4rem;
-  font-style: normal;
   font-weight: 600;
   line-height: 42px;
 }
@@ -247,9 +245,7 @@ h1 {
 
     .v-card-title {
       color: #fff;
-      font-family: Barlow, serif;
       font-size: 36px;
-      font-style: normal;
       font-weight: 600;
       line-height: 39px;
     }
@@ -261,9 +257,7 @@ h1 {
     .v-card-text {
       td {
         color: #fff;
-        font-family: Barlow, serif;
         font-size: 22px;
-        font-style: normal;
         font-weight: 500;
         line-height: 26px;
         margin-left: 1rem;
@@ -278,10 +272,8 @@ h1 {
       padding: 25px 28px;
       align-items: center;
       gap: 9px;
-      font-family: Barlow, serif;
       font-size: 0.9rem;
       border-radius: 5px;
-      font-style: normal;
       font-weight: 700;
       line-height: 15px;
       letter-spacing: 1.3px;

components/Webinaire/Catalogue.vue

@@ -316,8 +316,6 @@ const closeModal = () => {
   }
 
   .details-card {
-    font-family: "Barlow", serif;
-    font-style: normal;
     font-weight: 300;
     font-size: 1rem;
     line-height: 1rem;
@@ -338,8 +336,6 @@ const closeModal = () => {
     height: 11rem;
 
     h6 {
-      font-family: "Barlow", serif;
-      font-style: normal;
       font-weight: 500;
       font-size: 16px;
       line-height: 20px;
@@ -348,8 +344,6 @@ const closeModal = () => {
 
     ul {
       margin-top: 0.5rem;
-      font-family: "Barlow", serif;
-      font-style: normal;
       font-weight: 300;
       font-size: 14px;
       line-height: 18px;
@@ -357,7 +351,6 @@ const closeModal = () => {
   }
 
   .v-chip {
-    font-family: "Barlow", serif;
     justify-content: center;
     align-items: center;
     display: flex;
@@ -366,7 +359,6 @@ const closeModal = () => {
     line-height: 18px;
     font-weight: 500;
     font-size: 14px;
-    font-style: normal;
   }
 
   .badge-time {
@@ -396,8 +388,6 @@ const closeModal = () => {
   }
 
   h4 {
-    font-family: "Barlow", serif;
-    font-style: normal;
     font-weight: 600;
     font-size: 2rem;
     line-height: 18px;
@@ -407,8 +397,6 @@ const closeModal = () => {
   .close-button {
     background-color: #e34461;
     color: #fff;
-    font-family: "Barlow", serif;
-    font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 18px;