custom.css

/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #0032c7;
  --ifm-color-primary-dark: #002db3;
  --ifm-color-primary-darker: #002aa9;
  --ifm-color-primary-darkest: #00238b;
  --ifm-color-primary-light: #0037db;
  --ifm-color-primary-lighter: #0039e5;
  --ifm-color-primary-lightest: #0443ff;
  --ifm-font-family-base: "Poppins";
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme="dark"] {
  --ifm-color-primary: #00fa3e;
  --ifm-color-primary-dark: #00e138;
  --ifm-color-primary-darker: #00d435;
  --ifm-color-primary-darkest: #00af2b;
  --ifm-color-primary-light: #14ff4e;
  --ifm-color-primary-lighter: #21ff58;
  --ifm-color-primary-lightest: #46ff74;
}

@font-face {
  font-family: "Poppins";
  src: url("/font/Poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

img {
  border-radius: 10px;
  border: 2px solid var(--ifm-color-primary);
}