:root{
    --script:"Dancing Script", cursive;
    --TextTitle:"Winky Sans", sans-serif;
    --softBlack:#3a3a3a;
    --grayfooter:#808080;
    --orange:#ff9114;
    --red:#ff0000;
    --darkRed:#cb0000;
    --green:#9acd32;
    --white:#fff;
    --textDesc:#eee;
    --black:#000;
    --violet:#8a2be2;
    --Oswald:"Oswald", sans-serif;
}


.calzoni{
    margin-top: 6rem;
    min-height: 20vh;
    background: var(--white);
}
.calzoni h1{
    color: var(--black);
    font-size: clamp(4rem, 3vw, 7rem);
    margin-bottom: 1rem;
    border-radius: 5px;
    outline: 1px solid var(--white);
}

.calzoni .gridCalzoni{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.calzoni .gridCalzoni .card{
    flex: 1 1 25rem;
    padding: .5rem;
    border: 3px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.calzoni .gridCalzoni .card .imgCont{
    width: 100%;
}

.calzoni .gridCalzoni .card .imgCont img{
    width: 100%;
    border-radius: 5px;
    margin-bottom: 2rem;
}

.calzoni .gridCalzoni .card .textdescript{
    width: 100%;
    background: var(--textDesc);
    padding: .3rem;
}
.calzoni .gridCalzoni .card .textdescript h2{
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 300;
    text-align: end;
}

.calzoni .gridCalzoni .card .textdescript span{
    font-weight: 900;
    color: var(--softBlack);
    text-align: end;
    display: flex;
    flex-direction: column;
}

.calzoni .gridCalzoni .card .textdescript .prices .priceuno{
    color: var(--darkRed);
    font-size: clamp(1.5rem, 3vw, 1.7rem);
    font-weight: 800;
    text-align: end;
}

.calzoni .gridCalzoni .card .textdescript .descriptionContainer p{
    font-size: 1.2rem;
    color: var(--softBlack);
}