@font-face {
    font-family: LexendLight;
    src: url(../fonts/Lexend/Lexend-Light.ttf);
}

@font-face {
    font-family: LexendRegular;
    src: url(../fonts/Lexend/Lexend-Regular.ttf);
}

@font-face {
    font-family: LexendMedium;
    src: url(../fonts/Lexend/Lexend-Medium.ttf);
}

@font-face {
    font-family: LexendBold;
    src: url(../fonts/Lexend/Lexend-Bold.ttf);
}

@font-face {
    font-family: LexendExtraBold;
    src: url(../fonts/Lexend/Lexend-ExtraBold.ttf);
}

@font-face {
    font-family: LexendBlack;
    src: url(../fonts/Lexend/Lexend-Black.ttf);
}

@font-face {
    font-family: OutfitLight;
    src: url(../fonts/Outfit/Outfit-Light.ttf);
}

@font-face {
    font-family: OutfitRegular;
    src: url(../fonts/Outfit/Outfit-Regular.ttf);
}

@font-face {
    font-family: OutfitMedium;
    src: url(../fonts/Outfit/Outfit-Medium.ttf);
}

@font-face {
    font-family: OutfitBold;
    src: url(../fonts/Outfit/Outfit-Bold.ttf);
}

@font-face {
    font-family: OutfitExtraBold;
    src: url(../fonts/Outfit/Outfit-ExtraBold.ttf);
}

@font-face {
    font-family: OutfitBlack;
    src: url(../fonts/Outfit/Outfit-Black.ttf);
}

@font-face {
    font-family: RowdiesBold;
    src: url(../fonts/Rowdies/Rowdies-Bold.ttf);
}

@font-face {
    font-family: RowdiesLight;
    src: url(../fonts/Rowdies/Rowdies-Light.ttf);
}

@font-face {
    font-family: RowdiesRegular;
    src: url(../fonts/Rowdies/Rowdies-Regular.ttf);
}

@font-face {
    font-family: QuicksandBold;
    src: url(../fonts/Quicksand/Quicksand-Bold.ttf);
}

@font-face {
    font-family: QuicksandLight;
    src: url(../fonts/Quicksand/Quicksand-Light.ttf);
}

@font-face {
    font-family: QuicksandRegular;
    src: url(../fonts/Quicksand/Quicksand-Regular.ttf);
}

@font-face {
    font-family: QuicksandSemiBold;
    src: url(../fonts/Quicksand/Quicksand-SemiBold.ttf);
}

@font-face {
    font-family: QuicksandMedium;
    src: url(../fonts/Quicksand/Quicksand-Medium.ttf);
}

/* ------------- COMMON CSS RESET ------------- */
:root {
    --primary-color: #0d2f63;
    --secondary-color: #43b614;
    --tertiary-color: #1a1a1a;
    --white-color: #fff;
    --black-color: #000;
    --light-color: #f3f8ff;
    --dark-color: #333;
    --gray-color: #666;
    --border-color: #ddd;
}

