/* ============================================================
   АНИМАЦИИ
   ============================================================ */

/* ----- ПОЯВЛЕНИЕ ЭЛЕМЕНТОВ (fadeUp) ----- */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ----- ВРАЩЕНИЕ (spin) ----- */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* ----- ЗАДЕРЖКИ ДЛЯ АНИМАЦИИ (только для .glass) ----- */
.glass:nth-child(1) { animation-delay: 0.05s; }
.glass:nth-child(2) { animation-delay: 0.1s; }
.glass:nth-child(3) { animation-delay: 0.15s; }
.glass:nth-child(4) { animation-delay: 0.2s; }
.glass:nth-child(5) { animation-delay: 0.25s; }
.glass:nth-child(6) { animation-delay: 0.3s; }
.glass:nth-child(7) { animation-delay: 0.35s; }
.glass:nth-child(8) { animation-delay: 0.4s; }