@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'YSAv';
  src: local('Montserrat'), 
       url('https://fonts.googleapis.com/css2?family=Montserrat') format('woff2');
}
 :root {--YSAv:'Montserrat';}
 
 @import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'Merriweather';
  src: local('Merriweather'), 
       url('https://fonts.googleapis.com/css2?family=Merriweather') format('woff2');
}
 :root {--Merriweather:'Merriweather';}
 
 @import url('https://fonts.googleapis.com/css2?family=Playfair Display&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'Playfair Display';
  src: local('Playfair Display'), 
       url('https://fonts.googleapis.com/css2?family=Playfair Display') format('woff2');
}
 :root {--Playfair_Display:'Playfair Display';}
 
 @import url('https://fonts.googleapis.com/css2?family=Libre Baskerville&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'Libre Baskerville';
  src: local('Libre Baskerville'), 
       url('https://fonts.googleapis.com/css2?family=Libre Baskerville') format('woff2');
}
 :root {--Libre_Baskerville:'Libre Baskerville';}
 
 @import url('https://fonts.googleapis.com/css2?family=Edu AU VIC WA NT Pre&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'EduAU';
  src: local('Edu AU VIC WA NT Pre'), 
       url('https://fonts.googleapis.com/css2?family=Edu AU VIC WA NT Pre') format('woff2');
}
 :root {--EduAU:'Edu AU VIC WA NT Pre';}
 
 @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'Lora';
  src: local('Lora'), 
       url('https://fonts.googleapis.com/css2?family=Lora') format('woff2');
}
 :root {--Lora:'Lora';}
 
 @import url('https://fonts.googleapis.com/css2?family=Cormorant Garamond&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'Cormorant Garamond';
  src: local('Cormorant Garamond'), 
       url('https://fonts.googleapis.com/css2?family=Cormorant Garamond') format('woff2');
}
 :root {--Cormorant_Garamond:'Cormorant Garamond';}
 
 @import url('https://fonts.googleapis.com/css2?family=Athena&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'Athena';
  src: local('Athena'), 
       url('https://fonts.googleapis.com/css2?family=Athena') format('woff2');
}
 :root {--Athena:'Athena';}
 
 @import url('https://fonts.googleapis.com/css2?family=saonara&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'YSFont';
  src: local('saonara'), 
       url('https://fonts.googleapis.com/css2?family=saonara') format('woff2');
}
 :root {--YSFont:'saonara';}
 
 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* Define your custom font family */
@font-face {
  font-family: 'MainFont';
  src: local('Poppins'), 
       url('https://fonts.googleapis.com/css2?family=Poppins') format('woff2');
}
 :root {--MainFont:'Poppins';}