:root {

    --primary: #35E3FA;

    --hover: #2bbccf;

    --secundary: #802654;

    --dark: #151515;

}



/*---------------------------------------------

ANIMACION 1 - TEXT ZOOM FADE OUT

---------------------------------------------*/







/*---------------------------------------------

ANIMACION 2 - ROTATE 360° / ZOOM IN AND ZOOM OUT

---------------------------------------------*/

@keyframes rotate360 {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}

@keyframes zoom-in-zoom-out {

  0% {

    transform: scale(1, 1);

  }

  50% {

    transform: scale(1.3, 1.3);

  }

  100% {

    transform: scale(1, 1);

  }

}