@import "tailwindcss";

@source "../../../app/views/**/*.erb";
@source "../../../app/helpers/**/*.rb";
@source "../../../app/javascript/**/*.js";
@source "../../../public/*.html";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

.animate-text-cycle:nth-child(1) { animation-delay: 0s; }
.animate-text-cycle:nth-child(2) { animation-delay: 2s; }
.animate-text-cycle:nth-child(3) { animation-delay: 4s; }
.animate-text-cycle:nth-child(4) { animation-delay: 6s; }
.animate-text-cycle:nth-child(5) { animation-delay: 8s; }

.animate-text-cycle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}