@font-face {
  font-family: "Ano";
  src: url("https://assets.sdcdn.io/_fonts/maccosmetics/Ano/AnoBold-Regular.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Ano";
  src: url("https://assets.sdcdn.io/_fonts/maccosmetics/Ano/AnoRegular-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Ano";
  src: url("https://assets.sdcdn.io/_fonts/maccosmetics/Ano/AnoBlack-Regular.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

/* A necessary font-face for Ano Regular to be bold without changing font weight*/
@font-face {
  font-family: "Ano Regular";
  src: url("https://assets.sdcdn.io/_fonts/maccosmetics/Ano/AnoRegular-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Ano Bold Regular";
  src: url("https://assets.sdcdn.io/_fonts/maccosmetics/Ano/AnoBold-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Ano Black Regular";
  src: url("https://assets.sdcdn.io/_fonts/maccosmetics/Ano/AnoBlack-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Mono Regular";
  src: url("https://assets.sdcdn.io/_fonts/maccosmetics/Roboto/RobotoMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Mono Bold";
  src: url("https://assets.sdcdn.io/_fonts/maccosmetics/Roboto/RobotoMono-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}