@import url('https://fonts.googleapis.com/css2?family=Moderustic:wght@300..800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 800

.moderustic-<uniquifier> {
  font-family: "Moderustic", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.bebas {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rubik {
  font-family: "Rubik Mono One", monospace;
  font-weight: 400;
  font-style: normal;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 700

.quicksand-<uniquifier> {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.text-shadow {
  text-shadow: 3px 3px 0 #000;

}
.text-shadow-1 {
  text-shadow: 1px 1px 0 #501E6E;

}
.shadow-btn {
    text-shadow: 3px 3px 3 #000 !important;
}
/* Cores */
.amarelo {
    color: #FB9600 !important;
}
.laranja {
    color: #FA670F !important;
}
.laranja-escuro {
    color: #E63232 !important;
}
.roxo {
    color: #501E6E !important;
}
.preto {
    color: #000000 !important;
}