/*
questo css viene richiamato per
fa ruotare l'elemento per es.un PARAGRAFO,un DIV etc..
che indica la news della pagina visualizzata
*/
@keyframes RuotaElemento {
    
    from {
      color: blue;
      opacity: 1.0;
      transform: scale(1.0) rotate(0deg);
        }

    33% {
      color: blue;
      opacity: 0.75;
      transform: scale(1.2) rotate(-5deg);
    }

    67% {
      color: blue;
      opacity: 0.75;
      transform: scale(1.2) rotate(5deg);
    }

     
    to {
      color: blue;
      opacity: 1.0;
      transform: scale(1.0) rotate(0deg);
        }
    }

    /*
    Richiama l'Animazione "RuotaMenu"
    per 4 volte, per far capire all'utente
    che è li che ci sono news
    */
    #p-attività {
      animation-name: RuotaElemento;
      animation-duration: 4s;
      animation-iteration-count: 3;
      animation-timing-function: ease-in-out;
      }

      div.messaggio{
        animation-name: RuotaElemento;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        }