@font-face {
    font-family: 'BrittanySignature';
    src: url('/fonts/brittany_signature.ttf');
    src: url('/fonts/brittany_signature.otf');
    src: url('/fonts/brittany_signature.woff');
    src: url('/fonts/brittany_signature.woff2');
    }

    @font-face {
        font-family: 'Apricots';
        src: url('/fonts/apricots.ttf');
        src: url('/fonts/apricots.woff2');
        }

     @font-face {
         font-family: 'Brightwall';
         src: url('/fonts/brightwall.ttf');
         src: url('/fonts/brightwall.woff2');
         }
     @font-face {
         font-family: 'CoreNarae';
         src: url('/fonts/corenaraepro.ttf');
         src: url('/fonts/corenaraepro.woff2');
         }
    @font-face {
    font-family: 'LadyNature';
        src: url('/fonts/lady_nature.ttf');
                src: url('/fonts/lady_nature.woff');
        src: url('/fonts/lady_nature.woff2');
                src: url('/fonts/lady_nature.otf');

    }
    @font-face {
    font-family: 'DTCBrooklyn';
        src: url('/fonts/dtc_brooklyn.ttf');
        src: url('/fonts/dtc_brooklyn.woff');
                src: url('/fonts/dtc_brooklyn.woff2');
                            src: url('/fonts/dtc_brooklyn.otf');

    }
    @font-face {
    font-family: 'DTCKarena';
        src: url('/fonts/dtc_karena.ttf');
    src: url('/fonts/dtc_karena.ttf');
    src: url('/fonts/dtc_karena.woff');
        src: url('/fonts/dtc_karena.woff2');
    }
    @font-face {
    font-family: 'Saturday';
    src: url('/fonts/saturday.ttf');
    src: url('/fonts/saturday.woff');
        src: url('/fonts/saturday.woff2');
            src: url('/fonts/saturday.otf');

    }

    @font-face {
        font-family: 'Healers';
        src: url('/fonts/healers.ttf');
        src: url('/fonts/healers.woff');
        src: url('/fonts/healers.woff2');
                src: url('/fonts/healers.otf');
    }
    @font-face {
            font-family: 'CreamCandy';
            src: url('/fonts/cream_candy.ttf');
            src: url('/fonts/cream_candy.woff');
                                    src: url('/fonts/cream_candy.otf');

        }

    @font-face {
            font-family: 'Countryside-nums';
            src: url('/fonts/dtc_aspyn_script.ttf');
            src: url('/fonts/dtc_aspyn_script.woff');
            src: url('/fonts/dtc_aspyn_script.woff2');
            unicode-range: U+26-39;
        }


        @font-face {
               font-family: 'Countryside';
               src: url('/fonts/countryside.ttf');
                              src: url('/fonts/countryside.woff');
           }


    @font-face {
            font-family: 'DTCLosAngeles';
            src: url('/fonts/dtc_los_angeles.ttf');
            src: url('/fonts/dtc_los_angeles.woff');
            src: url('/fonts/dtc_los_angeles.woff2');
        }

        @font-face {
            font-family: 'DTCCabanaBaby';
                        src: url('/fonts/dtc_cabana_baby.ttf');
                        src: url('/fonts/dtc_cabana_baby.woff');
                                                            src: url('/fonts/dtc_cabana_baby.otf');

                }
        @font-face {
            font-family: 'DTCBronxParty';
            src: url('/fonts/dtc_bronx_party.ttf');
            src: url('/fonts/dtc_bronx_party.woff');
            src: url('/fonts/dtc_bronx_party.woff2');
            size-adjust: 180%
        }

        @font-face {
            font-family: 'Buttervill';
            src: url('/fonts/buttervill.ttf');
            src: url('/fonts/buttervill.otf');
            src: url('/fonts/buttervill.woff');
        }

        @font-face {
            font-family: 'HouseSignature';
            src: url('/fonts/house_signature.ttf');
            src: url('/fonts/house_signature.otf');
            src: url('/fonts/house_signature.woff');
        }

        @font-face {
            font-family: 'Benghazi';
            src: url('/fonts/benghazi.ttf');
            src: url('/fonts/benghazi.woff');
        }

        @font-face {
            font-family: 'BeautySalonScript';
                src: url('/fonts/beauty_salon_script.ttf');
                src: url('/fonts/beauty_salon_script.woff');
            }

        @font-face {
            font-family: 'DTCHoneymoon';
                src: url('/fonts/dtc_honeymoon.ttf');
                src: url('/fonts/dtc_honeymoon.woff');
            }

@font-face {
            font-family: 'PaperFlowers';
            src: url('/fonts/paper_flowers.eot');
            src: url('/fonts/paper_flowers.ttf');
            src: url('/fonts/paper_flowers.otf');
        }

        @font-face {
            font-family: 'TheSkinny';
            src: url('/fonts/the_skinny.otf');
            src: url('/fonts/the_skinny.woff');
        }
    .preview {
        font-size:40px;
    }

    .font1 {
    font-family: 'LadyNature', Fallback, sans-serif;
    }

    .font2 {
    font-family: 'DTCBrooklyn', Fallback, sans-serif;
    }
    .font3 {
    font-family: 'Countryside-nums', Fallback, 'Countryside', Fallback, sans-serif;
    }
    .font4 {
    font-family: 'DTCLosAngeles', Fallback, sans-serif;
    }
    .font5 {
    font-family: 'DTCCabanaBaby', Fallback, sans-serif;
    }
    .font6 {
    font-family: 'DTCKarena', Fallback, sans-serif;
    }
    .font7 {
        font-family: 'Healers', Fallback, sans-serif;
        }
    .font8 {
        font-family: 'Countryside-nums', Fallback, 'DTCBronxParty', Fallback, sans-serif;
    }

     .font9 {
        font-family: 'Saturday', Fallback, sans-serif;
        }

        .font10 {
                font-family: 'BrittanySignature', Fallback, sans-serif;
                }

        .font11 {
            font-family: 'CreamCandy', Fallback, sans-serif;
        }

       .ui.active.dimmer.transparent {
           background: transparent;
           width: 55%;
           margin-left: 23.5%;
           margin-top: 8%;

       }

       #bib-preview {
            color: black;
       }

   @media (max-width: 420px) {

        h1.ui.header {
            font-size: 1.5rem;
        }
        h1.ui.header .sub.header {
            font-size: .85rem;
        }

        .preview {
            font-size: 25px;
        }

    }