@import url('fonts.css'); /* --- Fonts --- */
@import url('nav.css'); /* --- Navbar --- */
@import url('footer.css'); /* --- Footer --- */
@import url('cards.css'); /* --- Cards --- */

/* --- Colors --- */
.off-orange     { color: #ff902c; }
.orange         { color: #fc7e00; }
.light-orange   { color: #f7a72a; }
.yellow         { color: #fed641; }
.lime           { color: #c8f44e; }
.light-green    { color: #a2dd22; }
.green          { color: #39b54a; }
.light-blue     { color: #24c6ff; }
.blue           { color: #29abe2; }
.purple         { color: #b244cc; }
.lavender       { color: #ed91ed; }
.pink           { color: #ff48a0; }
.dark-pink      { color: #ed1e79; }
.gray           { color: #999999; }
.black          { color: #1a1a1a; }

/* --- Backgrounds --- */
.bg-orange         { background-color: #fc7e00; }
.bg-off-orange     { background-color: #ff902c; }
.bg-light-orange   { background-color: #f7a72a; }
.bg-yellow         { background-color: #fed641; }
.bg-lime           { background-color: #c8f44e; }
.bg-light-green    { background-color: #a2dd22; }
.bg-green          { background-color: #39b54a; }
.bg-light-blue     { background-color: #24c6ff; }
.bg-blue           { background-color: #29abe2; }
.bg-purple         { background-color: #b244cc; }
.bg-lavender       { background-color: #ed91ed; }
.bg-pink           { background-color: #ff48a0; }
.bg-dark-pink      { background-color: #ed1e79; }
.bg-gray           { background-color: #999999; }
.bg-black          { background-color: #1a1a1a; }


/* --- Fonts --- */

.font-cosplay {
    font-family: 'CosplayCulture', sans-serif !important;
}

.font-epistolar {
    font-family: 'Epistolar', sans-serif !important;
}

.font-gotham-book {
    font-family: 'Gotham', sans-serif !important;
    font-weight: 400 !important;
}

.font-gotham-bold {
    font-family: 'Gotham', sans-serif !important;
    font-weight: 700 !important;
}

.font-gotham-black {
    font-family: 'Gotham', sans-serif !important;
    font-weight: 900 !important;
}

.font-gotham-light {
    font-family: 'Gotham', sans-serif !important;
    font-weight: 300 !important;
}

.font-montserrat-semibold {
    font-family: 'MontserratCustom', sans-serif !important;
}

.font-sticky {
    font-family: 'StickyNotes', sans-serif !important;
}

.font-the-greats {
    font-family: 'TheGreats', sans-serif !important;
}

.font-JohnnyBold {
    font-family: 'JohnnyBold', sans-serif !important;
}