.navbar a:hover{
    color: #ff9900 !important;
}
#footer{
    background-color:#0b0c0e !important;
}
#navbar{
    position: fixed !important;
    top: 0px;
    z-index: 2;
    width: 100%;
}
#exampleModal{
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}
#categorie span{
    color: wheat;
    cursor: pointer;
    padding-left: 1rem;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M2 4h12M2 8h12M2 12h12'/%3E%3C/svg%3E");
}
#categorie span:hover{
    color: #ff9900;
}
.riprova{
    text-align: center;
    padding: 4rem;
    font-weight: 300;
}
.pubblicita{
    width: 100%;
    height: 25rem;
    background-image: url(/immagini/publicita.jpg);
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-blend-mode:multiply;
    background-color: #1818189f;
}
@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}