/* style.css */

/* copyright 2024 YuHo's Portfolio */

/* welcome 
▬▬▬.◙.▬▬▬
  ═▂▄▄▓▄▄▂
   ◢◤ █▀▀████▄▄▄▄◢◤
   █▄ YuHo ███▀▀▀▀▀▀▀▀
    ◥█████◤
  ═╩══╩═ 
*/

 /* Main Fonts */

 @font-face {
  font-family: "Shippori Mincho", serif;
  src: url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: "Noto Sans JP", sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat", sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

@font-face {
  font-family: "Dancing Script", cursive;
  src: url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Recoleta';
  src: local('Recoleta Light'), local('Recoleta-Light'),
      url('./recoleta/Recoleta-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Recoleta';
  src: local('Recoleta Regular'), local('Recoleta-Regular'),
      url('./recoleta/Recoleta-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


 /* Sub Fonts */


@font-face {
  font-family: 'Gordita';
  src: local('Gordita Light'), local('Gordita-Light'),
      url('./gordita/Gordita-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gordita';
  src: local('Gordita Regular'), local('Gordita-Regular'),
      url('./gordita/Gordita-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gordita';
  src: local('Gordita Italic'), local('Gordita-Italic'),
      url('./gordita/Gordita-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gordita';
  src: local('Gordita Medium'), local('Gordita-Medium'),
      url('./gordita/Gordita-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}