@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;1,100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap');


/* hero.css */
@import 'colors.css';

.hero {
    height: 100vh;
    background: url('../img/woman-8577516_1280.jpg') no-repeat center center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero-content h1 {
    font-family: "Cinzel","Playfair Display", serif;
    font-size: 48px;
    color: var(--primary-color);
}

.hero-content p {
    font-size: 26px;
    color: var(--primary-text-color-dark);
    font-family: "Josefin Slab","Dancing Script", cursive;

    font-family: "Josefin Slab","Roboto", sans-serif;
    font-weight: 100;
    /*font-style: italic;*/
}