/* Local Font Face Definitions - 20 Different Heart Fonts */

/* 1. Heart Love - Pacifico */
@font-face {
    font-family: 'HeartLove';
    src: url('./fonts/Pacifico-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 2. Be My Valentine - Dancing Script */
@font-face {
    font-family: 'BeMyValentine';
    src: url('./fonts/DancingScript-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* 3. Written In My Heart - Great Vibes */
@font-face {
    font-family: 'WrittenInMyHeart';
    src: url('./fonts/GreatVibes-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 4. Happy Valentines Day - Sacramento */
@font-face {
    font-family: 'HappyValentines';
    src: url('./fonts/Sacramento-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 5. Jlr Simple Hearts - Satisfy */
@font-face {
    font-family: 'SimpleHearts';
    src: url('./fonts/Satisfy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 6. Amorlate - Cookie */
@font-face {
    font-family: 'Amorlate';
    src: url('./fonts/Cookie-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 7. Bolobolu - Kaushan Script */
@font-face {
    font-family: 'Bolobolu';
    src: url('./fonts/KaushanScript-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 8. Evelyns Heart - Allura */
@font-face {
    font-family: 'EvelynsHeart';
    src: url('./fonts/Allura-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 9. Heart Sweet Heart - Tangerine */
@font-face {
    font-family: 'HeartSweet';
    src: url('./fonts/Tangerine-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* 10. Jewels Font - Yellowtail */
@font-face {
    font-family: 'JewelsFont';
    src: url('./fonts/Yellowtail-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 11. Lemon Love - Courgette */
@font-face {
    font-family: 'LemonLove';
    src: url('./fonts/Courgette-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 12. Sahir Yesta - Handlee */
@font-face {
    font-family: 'SahirYesta';
    src: url('./fonts/Handlee-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 13. Tagalogika - Amatic SC */
@font-face {
    font-family: 'Tagalogika';
    src: url('./fonts/AmaticSC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* 14. 2Peas Hearts Delight - Caveat */
@font-face {
    font-family: 'PeasHearts';
    src: url('./fonts/Caveat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* 15. A Amazing Mother - Indie Flower */
@font-face {
    font-family: 'AmazingMother';
    src: url('./fonts/IndieFlower-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 16. Glamlips - Shadows Into Light */
@font-face {
    font-family: 'Glamlips';
    src: url('./fonts/ShadowsIntoLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 17. Heartz - Permanent Marker */
@font-face {
    font-family: 'Heartz';
    src: url('./fonts/PermanentMarker-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 18. Love of love - Kalam */
@font-face {
    font-family: 'LoveOfLove';
    src: url('./fonts/Kalam-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* 19. Sweet Hearts BV - Patrick Hand */
@font-face {
    font-family: 'SweetHeartsBV';
    src: url('./fonts/PatrickHand-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 20. Wonderful Fonty Cure - Mali */
@font-face {
    font-family: 'WonderfulFonty';
    src: url('./fonts/Mali-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Font style classes */
.font-heart-love {
    font-family: 'HeartLove', cursive;
    font-size: 48px;
    font-weight: inherit;
}

.font-be-my-valentine {
    font-family: 'BeMyValentine', cursive;
    font-size: 48px;
    font-weight: inherit;
}

.font-written-in-my-heart {
    font-family: 'WrittenInMyHeart', cursive;
    font-size: 56px;
    font-weight: inherit;
}

.font-happy-valentines {
    font-family: 'HappyValentines', cursive;
    font-size: 52px;
    font-weight: inherit;
}

.font-simple-hearts {
    font-family: 'SimpleHearts', cursive;
    font-size: 48px;
    font-weight: inherit;
}

.font-amorlate {
    font-family: 'Amorlate', cursive;
    font-size: 48px;
    font-weight: inherit;
}

.font-bolobolu {
    font-family: 'Bolobolu', cursive;
    font-size: 44px;
    font-weight: inherit;
}

.font-evelyns-heart {
    font-family: 'EvelynsHeart', cursive;
    font-size: 56px;
    font-weight: inherit;
}

.font-heart-sweet {
    font-family: 'HeartSweet', cursive;
    font-size: 64px;
    font-weight: inherit;
}

.font-jewels {
    font-family: 'JewelsFont', cursive;
    font-size: 48px;
    font-weight: inherit;
}

.font-lemon-love {
    font-family: 'LemonLove', cursive;
    font-size: 44px;
    font-weight: inherit;
}

.font-sahir-yesta {
    font-family: 'SahirYesta', cursive;
    font-size: 46px;
    font-weight: inherit;
}

.font-tagalogika {
    font-family: 'Tagalogika', cursive;
    font-size: 48px;
    letter-spacing: 2px;
    font-weight: inherit;
}

.font-peas-hearts {
    font-family: 'PeasHearts', cursive;
    font-size: 44px;
    font-weight: inherit;
}

.font-amazing-mother {
    font-family: 'AmazingMother', cursive;
    font-size: 42px;
    font-weight: inherit;
}

.font-glamlips {
    font-family: 'Glamlips', cursive;
    font-size: 44px;
    font-weight: inherit;
}

.font-heartz {
    font-family: 'Heartz', cursive;
    font-size: 40px;
    font-weight: inherit;
}

.font-love-of-love {
    font-family: 'LoveOfLove', cursive;
    font-size: 46px;
    font-weight: inherit;
}

.font-sweet-hearts-bv {
    font-family: 'SweetHeartsBV', cursive;
    font-size: 44px;
    font-weight: inherit;
}

.font-wonderful-fonty {
    font-family: 'WonderfulFonty', cursive;
    font-size: 48px;
    font-weight: inherit;
}

/* Add heart decorations to fonts */
.font-heart-love::before,
.font-heart-love::after {
    content: '❤';
    color: #FF1744;
    margin: 0 10px;
}

.font-be-my-valentine::before {
    content: '💕 ';
}

.font-be-my-valentine::after {
    content: ' 💕';
}

.font-written-in-my-heart::before {
    content: '💘 ';
}

.font-written-in-my-heart::after {
    content: ' 💘';
}

.font-happy-valentines::before {
    content: '💖 ';
}

.font-happy-valentines::after {
    content: ' 💖';
}

.font-simple-hearts::before,
.font-simple-hearts::after {
    content: '♥';
    margin: 0 8px;
}

.font-jewels::before,
.font-jewels::after {
    content: '💎';
    margin: 0 8px;
}

.font-sweet-hearts-bv::before,
.font-sweet-hearts-bv::after {
    content: '💝';
    margin: 0 8px;
}