@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;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
{
  font-family: "Bebas Neue", sans-serif !important  ;
  font-weight: 400;
  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 */
.verde {
    color: #3EFB98 !important;
}
.bg-verde {
    background: #0A1D24 !important;
    color: #3EFB98 !important;
} 
.btn-verde {
    background: #3EFB98 !important;
} #
.bg-verde a {
    color: #0A1D24 !important;
}
.aqua {
    color: #0fb0a4 !important;
}
.bg-aqua {
    background: #0fb0a4 !important;
}
.bordo {
    color: #2d0337 !important;
}
.bg-bordo {
    background: #2d0337 !important;
}
.laranja {
    color: #ff6d00 !important;
}
.bg-laranja {
    background: #ff6d00 !important;
}
.pink {
    color: #F92CB9 !important;
}
.bg-pink {
    background: #F92CB9 !important;
}