body{
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Josefin';
    src: url('/font/Josefin_Sans/JosefinSans-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Josefin-italic';
    src: url('/font/Josefin_Sans/JosefinSans-Italic-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Josefin-light';
    src: url('/font/Josefin_Sans/static/JosefinSans-Light.ttf');
}

.container-main{
    display: flex;
    flex-direction: column;
    align-items: center;

}

.logo-img{
    display: flex;
    align-items: center;
    margin-top: 80px;
}


.logo-img img{
    width:  720%;
    margin: 0 auto;
}


.tartas-title-wrap{
    margin: 210px 0 108px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tartas-title{
    font-family: 'Josefin';
    font-size: 57px;
}

.tartas-title-ingredientes{
    font-family: 'Josefin-light';
    font-size: 21px;
}

.tartas-grid{
    display: grid;
    grid-gap: 0 10%;
    width: 95%;
    grid-template-columns: auto;
    justify-content: center;
}

.tarta-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 68px;
    overflow-x: hidden;    
    width: 100dvw;
}

h2{
    font-family: 'Josefin-italic';
    text-transform: uppercase;
    font-size: 20px;
}

p{
    font-size: 16px;
    line-height: 0;
    font-family: 'Josefin-light';
    width:max-content;
}

.masa-style{
    text-decoration: underline;
}

@media (min-width: 1020px) {
    .tartas-grid{
        grid-template-columns: auto auto;
        width: 70%;
    }

    .logo-img{
        margin-top: 100px;
    }

    .logo-img img{
        width:  300px;
    }

    .tarta-card{
        width: unset;
    }

    h2{
        font-size: unset;
    }

    p{
        font-size: 19px;
    }
}