API tools faq
paste
Guest User

Untitled

a guest
Mar 28th, 2018
146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.79 KB | None | 0 0
raw download clone embed print report
  1. /*
  2.  * Animation module with all animation code
  3.  */
  4. @import url(https://fonts.googleapis.com/css?family=Ubuntu:300);
  5. .anim-text-flow,
  6. .anim-text-flow-hover:hover {
  7.   /*
  8.    * Animation variables
  9.    */
  10.   /*
  11.    * Elements settings
  12.    */
  13.   /*
  14.    * Keyframe loop
  15.    */
  16.   /*
  17.    * Element animation delay loop
  18.    */
  19. }
  20. .anim-text-flow span,
  21. .anim-text-flow-hover:hover span {
  22.   -webkit-animation-name: anim-text-flow-keys;
  23.           animation-name: anim-text-flow-keys;
  24.   -webkit-animation-duration: 50s;
  25.           animation-duration: 50s;
  26.   -webkit-animation-iteration-count: infinite;
  27.           animation-iteration-count: infinite;
  28.   -webkit-animation-direction: alternate;
  29.           animation-direction: alternate;
  30.   -webkit-animation-fill-mode: forwards;
  31.           animation-fill-mode: forwards;
  32. }
  33. @-webkit-keyframes anim-text-flow-keys {
  34.   0% {
  35.     color: #4149aa;
  36.   }
  37.   5% {
  38.     color: #ae1dde;
  39.   }
  40.   10% {
  41.     color: #e207f7;
  42.   }
  43.   15% {
  44.     color: #ed49b6;
  45.   }
  46.   20% {
  47.     color: #e89769;
  48.   }
  49.   25% {
  50.     color: #e3d52a;
  51.   }
  52.   30% {
  53.     color: #e0fe02;
  54.   }
  55.   35% {
  56.     color: #d000ff;
  57.   }
  58.   40% {
  59.     color: #3fd132;
  60.   }
  61.   45% {
  62.     color: #1d2bc4;
  63.   }
  64.   50% {
  65.     color: #1de5e2;
  66.   }
  67.   55% {
  68.     color: #1d2bc4;
  69.   }
  70.   60% {
  71.     color: #3fd132;
  72.   }
  73.   65% {
  74.     color: #d000ff;
  75.   }
  76.   70% {
  77.     color: #e0fe02;
  78.   }
  79.   75% {
  80.     color: #e3d52a;
  81.   }
  82.   80% {
  83.     color: #e89769;
  84.   }
  85.   85% {
  86.     color: #ed49b6;
  87.   }
  88.   90% {
  89.     color: #e207f7;
  90.   }
  91.   95% {
  92.     color: #ae1dde;
  93.   }
  94.   100% {
  95.     color: #4149aa;
  96.   }
  97. }
  98. @keyframes anim-text-flow-keys {
  99.   0% {
  100.     color: #4149aa;
  101.   }
  102.   5% {
  103.     color: #ae1dde;
  104.   }
  105.   10% {
  106.     color: #e207f7;
  107.   }
  108.   15% {
  109.     color: #ed49b6;
  110.   }
  111.   20% {
  112.     color: #e89769;
  113.   }
  114.   25% {
  115.     color: #e3d52a;
  116.   }
  117.   30% {
  118.     color: #e0fe02;
  119.   }
  120.   35% {
  121.     color: #d000ff;
  122.   }
  123.   40% {
  124.     color: #3fd132;
  125.   }
  126.   45% {
  127.     color: #1d2bc4;
  128.   }
  129.   50% {
  130.     color: #1de5e2;
  131.   }
  132.   55% {
  133.     color: #1d2bc4;
  134.   }
  135.   60% {
  136.     color: #3fd132;
  137.   }
  138.   65% {
  139.     color: #d000ff;
  140.   }
  141.   70% {
  142.     color: #e0fe02;
  143.   }
  144.   75% {
  145.     color: #e3d52a;
  146.   }
  147.   80% {
  148.     color: #e89769;
  149.   }
  150.   85% {
  151.     color: #ed49b6;
  152.   }
  153.   90% {
  154.     color: #e207f7;
  155.   }
  156.   95% {
  157.     color: #ae1dde;
  158.   }
  159.   100% {
  160.     color: #4149aa;
  161.   }
  162. }
  163. .anim-text-flow span:nth-of-type(1),
  164. .anim-text-flow-hover:hover span:nth-of-type(1) {
  165.   -webkit-animation-delay: -2.8s;
  166.           animation-delay: -2.8s;
  167. }
  168. .anim-text-flow span:nth-of-type(2),
  169. .anim-text-flow-hover:hover span:nth-of-type(2) {
  170.   -webkit-animation-delay: -2.6s;
  171.           animation-delay: -2.6s;
  172. }
  173. .anim-text-flow span:nth-of-type(3),
  174. .anim-text-flow-hover:hover span:nth-of-type(3) {
  175.   -webkit-animation-delay: -2.4s;
  176.           animation-delay: -2.4s;
  177. }
  178. .anim-text-flow span:nth-of-type(4),
  179. .anim-text-flow-hover:hover span:nth-of-type(4) {
  180.   -webkit-animation-delay: -2.2s;
  181.           animation-delay: -2.2s;
  182. }
  183. .anim-text-flow span:nth-of-type(5),
  184. .anim-text-flow-hover:hover span:nth-of-type(5) {
  185.   -webkit-animation-delay: -2s;
  186.           animation-delay: -2s;
  187. }
  188. .anim-text-flow span:nth-of-type(6),
  189. .anim-text-flow-hover:hover span:nth-of-type(6) {
  190.   -webkit-animation-delay: -1.8s;
  191.           animation-delay: -1.8s;
  192. }
  193. .anim-text-flow span:nth-of-type(7),
  194. .anim-text-flow-hover:hover span:nth-of-type(7) {
  195.   -webkit-animation-delay: -1.6s;
  196.           animation-delay: -1.6s;
  197. }
  198. .anim-text-flow span:nth-of-type(8),
  199. .anim-text-flow-hover:hover span:nth-of-type(8) {
  200.   -webkit-animation-delay: -1.4s;
  201.           animation-delay: -1.4s;
  202. }
  203. .anim-text-flow span:nth-of-type(9),
  204. .anim-text-flow-hover:hover span:nth-of-type(9) {
  205.   -webkit-animation-delay: -1.2s;
  206.           animation-delay: -1.2s;
  207. }
  208. .anim-text-flow span:nth-of-type(10),
  209. .anim-text-flow-hover:hover span:nth-of-type(10) {
  210.   -webkit-animation-delay: -1s;
  211.           animation-delay: -1s;
  212. }
  213. .anim-text-flow span:nth-of-type(11),
  214. .anim-text-flow-hover:hover span:nth-of-type(11) {
  215.   -webkit-animation-delay: -0.8s;
  216.           animation-delay: -0.8s;
  217. }
  218. .anim-text-flow span:nth-of-type(12),
  219. .anim-text-flow-hover:hover span:nth-of-type(12) {
  220.   -webkit-animation-delay: -0.6s;
  221.           animation-delay: -0.6s;
  222. }
  223. .anim-text-flow span:nth-of-type(13),
  224. .anim-text-flow-hover:hover span:nth-of-type(13) {
  225.   -webkit-animation-delay: -0.4s;
  226.           animation-delay: -0.4s;
  227. }
  228. .anim-text-flow span:nth-of-type(14),
  229. .anim-text-flow-hover:hover span:nth-of-type(14) {
  230.   -webkit-animation-delay: -17.2s;
  231.           animation-delay: -17.2s;
  232. }
  233. .anim-text-flow span:nth-of-type(15),
  234. .anim-text-flow-hover:hover span:nth-of-type(15) {
  235.   -webkit-animation-delay: -17s;
  236.           animation-delay: -17s;
  237. }
  238. .anim-text-flow span:nth-of-type(16),
  239. .anim-text-flow-hover:hover span:nth-of-type(16) {
  240.   -webkit-animation-delay: -16.8s;
  241.           animation-delay: -16.8s;
  242. }
  243. .anim-text-flow span:nth-of-type(17),
  244. .anim-text-flow-hover:hover span:nth-of-type(17) {
  245.   -webkit-animation-delay: -16.6s;
  246.           animation-delay: -16.6s;
  247. }
  248. .anim-text-flow span:nth-of-type(18),
  249. .anim-text-flow-hover:hover span:nth-of-type(18) {
  250.   -webkit-animation-delay: -16.4s;
  251.           animation-delay: -16.4s;
  252. }
  253. .anim-text-flow span:nth-of-type(19),
  254. .anim-text-flow-hover:hover span:nth-of-type(19) {
  255.   -webkit-animation-delay: -16.2s;
  256.           animation-delay: -16.2s;
  257. }
  258. .anim-text-flow span:nth-of-type(20),
  259. .anim-text-flow-hover:hover span:nth-of-type(20) {
  260.   -webkit-animation-delay: -16s;
  261.           animation-delay: -16s;
  262. }
  263. .anim-text-flow span:nth-of-type(21),
  264. .anim-text-flow-hover:hover span:nth-of-type(21) {
  265.   -webkit-animation-delay: -15.8s;
  266.           animation-delay: -15.8s;
  267. }
  268. .anim-text-flow span:nth-of-type(22),
  269. .anim-text-flow-hover:hover span:nth-of-type(22) {
  270.   -webkit-animation-delay: -15.6s;
  271.           animation-delay: -15.6s;
  272. }
  273. .anim-text-flow span:nth-of-type(23),
  274. .anim-text-flow-hover:hover span:nth-of-type(23) {
  275.   -webkit-animation-delay: -15.4s;
  276.           animation-delay: -15.4s;
  277. }
  278. .anim-text-flow span:nth-of-type(24),
  279. .anim-text-flow-hover:hover span:nth-of-type(24) {
  280.   -webkit-animation-delay: -15.2s;
  281.           animation-delay: -15.2s;
  282. }
  283. .anim-text-flow span:nth-of-type(25),
  284. .anim-text-flow-hover:hover span:nth-of-type(25) {
  285.   -webkit-animation-delay: -15s;
  286.           animation-delay: -15s;
  287. }
  288. .anim-text-flow span:nth-of-type(26),
  289. .anim-text-flow-hover:hover span:nth-of-type(26) {
  290.   -webkit-animation-delay: -14.8s;
  291.           animation-delay: -14.8s;
  292. }
  293. .anim-text-flow span:nth-of-type(27),
  294. .anim-text-flow-hover:hover span:nth-of-type(27) {
  295.   -webkit-animation-delay: -14.6s;
  296.           animation-delay: -14.6s;
  297. }
  298. .anim-text-flow span:nth-of-type(28),
  299. .anim-text-flow-hover:hover span:nth-of-type(28) {
  300.   -webkit-animation-delay: -14.4s;
  301.           animation-delay: -14.4s;
  302. }
  303. .anim-text-flow span:nth-of-type(29),
  304. .anim-text-flow-hover:hover span:nth-of-type(29) {
  305.   -webkit-animation-delay: -14.2s;
  306.           animation-delay: -14.2s;
  307. }
  308. .anim-text-flow span:nth-of-type(30),
  309. .anim-text-flow-hover:hover span:nth-of-type(30) {
  310.   -webkit-animation-delay: -14s;
  311.           animation-delay: -14s;
  312. }
  313. .anim-text-flow span:nth-of-type(31),
  314. .anim-text-flow-hover:hover span:nth-of-type(31) {
  315.   -webkit-animation-delay: -13.8s;
  316.           animation-delay: -13.8s;
  317. }
  318. .anim-text-flow span:nth-of-type(32),
  319. .anim-text-flow-hover:hover span:nth-of-type(32) {
  320.   -webkit-animation-delay: -13.6s;
  321.           animation-delay: -13.6s;
  322. }
  323. .anim-text-flow span:nth-of-type(33),
  324. .anim-text-flow-hover:hover span:nth-of-type(33) {
  325.   -webkit-animation-delay: -13.4s;
  326.           animation-delay: -13.4s;
  327. }
  328. .anim-text-flow span:nth-of-type(34),
  329. .anim-text-flow-hover:hover span:nth-of-type(34) {
  330.   -webkit-animation-delay: -13.2s;
  331.           animation-delay: -13.2s;
  332. }
  333. .anim-text-flow span:nth-of-type(35),
  334. .anim-text-flow-hover:hover span:nth-of-type(35) {
  335.   -webkit-animation-delay: -13s;
  336.           animation-delay: -13s;
  337. }
  338. .anim-text-flow span:nth-of-type(36),
  339. .anim-text-flow-hover:hover span:nth-of-type(36) {
  340.   -webkit-animation-delay: -12.8s;
  341.           animation-delay: -12.8s;
  342. }
  343. .anim-text-flow span:nth-of-type(37),
  344. .anim-text-flow-hover:hover span:nth-of-type(37) {
  345.   -webkit-animation-delay: -12.6s;
  346.           animation-delay: -12.6s;
  347. }
  348. .anim-text-flow span:nth-of-type(38),
  349. .anim-text-flow-hover:hover span:nth-of-type(38) {
  350.   -webkit-animation-delay: -12.4s;
  351.           animation-delay: -12.4s;
  352. }
  353. .anim-text-flow span:nth-of-type(39),
  354. .anim-text-flow-hover:hover span:nth-of-type(39) {
  355.   -webkit-animation-delay: -12.2s;
  356.           animation-delay: -12.2s;
  357. }
  358. .anim-text-flow span:nth-of-type(40),
  359. .anim-text-flow-hover:hover span:nth-of-type(40) {
  360.   -webkit-animation-delay: -12s;
  361.           animation-delay: -12s;
  362. }
  363. .anim-text-flow span:nth-of-type(41),
  364. .anim-text-flow-hover:hover span:nth-of-type(41) {
  365.   -webkit-animation-delay: -11.8s;
  366.           animation-delay: -11.8s;
  367. }
  368. .anim-text-flow span:nth-of-type(42),
  369. .anim-text-flow-hover:hover span:nth-of-type(42) {
  370.   -webkit-animation-delay: -11.6s;
  371.           animation-delay: -11.6s;
  372. }
  373. .anim-text-flow span:nth-of-type(43),
  374. .anim-text-flow-hover:hover span:nth-of-type(43) {
  375.   -webkit-animation-delay: -11.4s;
  376.           animation-delay: -11.4s;
  377. }
  378. .anim-text-flow span:nth-of-type(44),
  379. .anim-text-flow-hover:hover span:nth-of-type(44) {
  380.   -webkit-animation-delay: -11.2s;
  381.           animation-delay: -11.2s;
  382. }
  383. .anim-text-flow span:nth-of-type(45),
  384. .anim-text-flow-hover:hover span:nth-of-type(45) {
  385.   -webkit-animation-delay: -11s;
  386.           animation-delay: -11s;
  387. }
  388. .anim-text-flow span:nth-of-type(46),
  389. .anim-text-flow-hover:hover span:nth-of-type(46) {
  390.   -webkit-animation-delay: -10.8s;
  391.           animation-delay: -10.8s;
  392. }
  393. .anim-text-flow span:nth-of-type(47),
  394. .anim-text-flow-hover:hover span:nth-of-type(47) {
  395.   -webkit-animation-delay: -10.6s;
  396.           animation-delay: -10.6s;
  397. }
  398. .anim-text-flow span:nth-of-type(48),
  399. .anim-text-flow-hover:hover span:nth-of-type(48) {
  400.   -webkit-animation-delay: -10.4s;
  401.           animation-delay: -10.4s;
  402. }
  403. .anim-text-flow span:nth-of-type(49),
  404. .anim-text-flow-hover:hover span:nth-of-type(49) {
  405.   -webkit-animation-delay: -10.2s;
  406.           animation-delay: -10.2s;
  407. }
  408. .anim-text-flow span:nth-of-type(50),
  409. .anim-text-flow-hover:hover span:nth-of-type(50) {
  410.   -webkit-animation-delay: -10s;
  411.           animation-delay: -10s;
  412. }
  413. .anim-text-flow span:nth-of-type(51),
  414. .anim-text-flow-hover:hover span:nth-of-type(51) {
  415.   -webkit-animation-delay: -9.8s;
  416.           animation-delay: -9.8s;
  417. }
  418. .anim-text-flow span:nth-of-type(52),
  419. .anim-text-flow-hover:hover span:nth-of-type(52) {
  420.   -webkit-animation-delay: -9.6s;
  421.           animation-delay: -9.6s;
  422. }
  423. .anim-text-flow span:nth-of-type(53),
  424. .anim-text-flow-hover:hover span:nth-of-type(53) {
  425.   -webkit-animation-delay: -9.4s;
  426.           animation-delay: -9.4s;
  427. }
  428. .anim-text-flow span:nth-of-type(54),
  429. .anim-text-flow-hover:hover span:nth-of-type(54) {
  430.   -webkit-animation-delay: -9.2s;
  431.           animation-delay: -9.2s;
  432. }
  433. .anim-text-flow span:nth-of-type(55),
  434. .anim-text-flow-hover:hover span:nth-of-type(55) {
  435.   -webkit-animation-delay: -9s;
  436.           animation-delay: -9s;
  437. }
  438. .anim-text-flow span:nth-of-type(56),
  439. .anim-text-flow-hover:hover span:nth-of-type(56) {
  440.   -webkit-animation-delay: -8.8s;
  441.           animation-delay: -8.8s;
  442. }
  443. .anim-text-flow span:nth-of-type(57),
  444. .anim-text-flow-hover:hover span:nth-of-type(57) {
  445.   -webkit-animation-delay: -8.6s;
  446.           animation-delay: -8.6s;
  447. }
  448. .anim-text-flow span:nth-of-type(58),
  449. .anim-text-flow-hover:hover span:nth-of-type(58) {
  450.   -webkit-animation-delay: -8.4s;
  451.           animation-delay: -8.4s;
  452. }
  453. .anim-text-flow span:nth-of-type(59),
  454. .anim-text-flow-hover:hover span:nth-of-type(59) {
  455.   -webkit-animation-delay: -8.2s;
  456.           animation-delay: -8.2s;
  457. }
  458. .anim-text-flow span:nth-of-type(60),
  459. .anim-text-flow-hover:hover span:nth-of-type(60) {
  460.   -webkit-animation-delay: -8s;
  461.           animation-delay: -8s;
  462. }
  463. .anim-text-flow span:nth-of-type(61),
  464. .anim-text-flow-hover:hover span:nth-of-type(61) {
  465.   -webkit-animation-delay: -7.8s;
  466.           animation-delay: -7.8s;
  467. }
  468. .anim-text-flow span:nth-of-type(62),
  469. .anim-text-flow-hover:hover span:nth-of-type(62) {
  470.   -webkit-animation-delay: -7.6s;
  471.           animation-delay: -7.6s;
  472. }
  473. .anim-text-flow span:nth-of-type(63),
  474. .anim-text-flow-hover:hover span:nth-of-type(63) {
  475.   -webkit-animation-delay: -7.4s;
  476.           animation-delay: -7.4s;
  477. }
  478. .anim-text-flow span:nth-of-type(64),
  479. .anim-text-flow-hover:hover span:nth-of-type(64) {
  480.   -webkit-animation-delay: -7.2s;
  481.           animation-delay: -7.2s;
  482. }
  483. .anim-text-flow span:nth-of-type(65),
  484. .anim-text-flow-hover:hover span:nth-of-type(65) {
  485.   -webkit-animation-delay: -7s;
  486.           animation-delay: -7s;
  487. }
  488. .anim-text-flow span:nth-of-type(66),
  489. .anim-text-flow-hover:hover span:nth-of-type(66) {
  490.   -webkit-animation-delay: -6.8s;
  491.           animation-delay: -6.8s;
  492. }
  493. .anim-text-flow span:nth-of-type(67),
  494. .anim-text-flow-hover:hover span:nth-of-type(67) {
  495.   -webkit-animation-delay: -6.6s;
  496.           animation-delay: -6.6s;
  497. }
  498. .anim-text-flow span:nth-of-type(68),
  499. .anim-text-flow-hover:hover span:nth-of-type(68) {
  500.   -webkit-animation-delay: -6.4s;
  501.           animation-delay: -6.4s;
  502. }
  503. .anim-text-flow span:nth-of-type(69),
  504. .anim-text-flow-hover:hover span:nth-of-type(69) {
  505.   -webkit-animation-delay: -6.2s;
  506.           animation-delay: -6.2s;
  507. }
  508. .anim-text-flow span:nth-of-type(70),
  509. .anim-text-flow-hover:hover span:nth-of-type(70) {
  510.   -webkit-animation-delay: -6s;
  511.           animation-delay: -6s;
  512. }
  513. .anim-text-flow span:nth-of-type(71),
  514. .anim-text-flow-hover:hover span:nth-of-type(71) {
  515.   -webkit-animation-delay: -5.8s;
  516.           animation-delay: -5.8s;
  517. }
  518. .anim-text-flow span:nth-of-type(72),
  519. .anim-text-flow-hover:hover span:nth-of-type(72) {
  520.   -webkit-animation-delay: -5.6s;
  521.           animation-delay: -5.6s;
  522. }
  523. .anim-text-flow span:nth-of-type(73),
  524. .anim-text-flow-hover:hover span:nth-of-type(73) {
  525.   -webkit-animation-delay: -5.4s;
  526.           animation-delay: -5.4s;
  527. }
  528. .anim-text-flow span:nth-of-type(74),
  529. .anim-text-flow-hover:hover span:nth-of-type(74) {
  530.   -webkit-animation-delay: -5.2s;
  531.           animation-delay: -5.2s;
  532. }
  533. .anim-text-flow span:nth-of-type(75),
  534. .anim-text-flow-hover:hover span:nth-of-type(75) {
  535.   -webkit-animation-delay: -5s;
  536.           animation-delay: -5s;
  537. }
  538. .anim-text-flow span:nth-of-type(76),
  539. .anim-text-flow-hover:hover span:nth-of-type(76) {
  540.   -webkit-animation-delay: -4.8s;
  541.           animation-delay: -4.8s;
  542. }
  543. .anim-text-flow span:nth-of-type(77),
  544. .anim-text-flow-hover:hover span:nth-of-type(77) {
  545.   -webkit-animation-delay: -4.6s;
  546.           animation-delay: -4.6s;
  547. }
  548. .anim-text-flow span:nth-of-type(78),
  549. .anim-text-flow-hover:hover span:nth-of-type(78) {
  550.   -webkit-animation-delay: -4.4s;
  551.           animation-delay: -4.4s;
  552. }
  553. .anim-text-flow span:nth-of-type(79),
  554. .anim-text-flow-hover:hover span:nth-of-type(79) {
  555.   -webkit-animation-delay: -4.2s;
  556.           animation-delay: -4.2s;
  557. }
  558. .anim-text-flow span:nth-of-type(80),
  559. .anim-text-flow-hover:hover span:nth-of-type(80) {
  560.   -webkit-animation-delay: -4s;
  561.           animation-delay: -4s;
  562. }
  563. .anim-text-flow span:nth-of-type(81),
  564. .anim-text-flow-hover:hover span:nth-of-type(81) {
  565.   -webkit-animation-delay: -3.8s;
  566.           animation-delay: -3.8s;
  567. }
  568. .anim-text-flow span:nth-of-type(82),
  569. .anim-text-flow-hover:hover span:nth-of-type(82) {
  570.   -webkit-animation-delay: -3.6s;
  571.           animation-delay: -3.6s;
  572. }
  573. .anim-text-flow span:nth-of-type(83),
  574. .anim-text-flow-hover:hover span:nth-of-type(83) {
  575.   -webkit-animation-delay: -3.4s;
  576.           animation-delay: -3.4s;
  577. }
  578. .anim-text-flow span:nth-of-type(84),
  579. .anim-text-flow-hover:hover span:nth-of-type(84) {
  580.   -webkit-animation-delay: -3.2s;
  581.           animation-delay: -3.2s;
  582. }
  583. .anim-text-flow span:nth-of-type(85),
  584. .anim-text-flow-hover:hover span:nth-of-type(85) {
  585.   -webkit-animation-delay: -3s;
  586.           animation-delay: -3s;
  587. }
  588. .anim-text-flow span:nth-of-type(86),
  589. .anim-text-flow-hover:hover span:nth-of-type(86) {
  590.   -webkit-animation-delay: -2.8s;
  591.           animation-delay: -2.8s;
  592. }
  593. .anim-text-flow span:nth-of-type(87),
  594. .anim-text-flow-hover:hover span:nth-of-type(87) {
  595.   -webkit-animation-delay: -2.6s;
  596.           animation-delay: -2.6s;
  597. }
  598. .anim-text-flow span:nth-of-type(88),
  599. .anim-text-flow-hover:hover span:nth-of-type(88) {
  600.   -webkit-animation-delay: -2.4s;
  601.           animation-delay: -2.4s;
  602. }
  603. .anim-text-flow span:nth-of-type(89),
  604. .anim-text-flow-hover:hover span:nth-of-type(89) {
  605.   -webkit-animation-delay: -2.2s;
  606.           animation-delay: -2.2s;
  607. }
  608. .anim-text-flow span:nth-of-type(90),
  609. .anim-text-flow-hover:hover span:nth-of-type(90) {
  610.   -webkit-animation-delay: -2s;
  611.           animation-delay: -2s;
  612. }
  613. .anim-text-flow span:nth-of-type(91),
  614. .anim-text-flow-hover:hover span:nth-of-type(91) {
  615.   -webkit-animation-delay: -1.8s;
  616.           animation-delay: -1.8s;
  617. }
  618. .anim-text-flow span:nth-of-type(92),
  619. .anim-text-flow-hover:hover span:nth-of-type(92) {
  620.   -webkit-animation-delay: -1.6s;
  621.           animation-delay: -1.6s;
  622. }
  623. .anim-text-flow span:nth-of-type(93),
  624. .anim-text-flow-hover:hover span:nth-of-type(93) {
  625.   -webkit-animation-delay: -1.4s;
  626.           animation-delay: -1.4s;
  627. }
  628. .anim-text-flow span:nth-of-type(94),
  629. .anim-text-flow-hover:hover span:nth-of-type(94) {
  630.   -webkit-animation-delay: -1.2s;
  631.           animation-delay: -1.2s;
  632. }
  633. .anim-text-flow span:nth-of-type(95),
  634. .anim-text-flow-hover:hover span:nth-of-type(95) {
  635.   -webkit-animation-delay: -1s;
  636.           animation-delay: -1s;
  637. }
  638. .anim-text-flow span:nth-of-type(96),
  639. .anim-text-flow-hover:hover span:nth-of-type(96) {
  640.   -webkit-animation-delay: -0.8s;
  641.           animation-delay: -0.8s;
  642. }
  643. .anim-text-flow span:nth-of-type(97),
  644. .anim-text-flow-hover:hover span:nth-of-type(97) {
  645.   -webkit-animation-delay: -0.6s;
  646.           animation-delay: -0.6s;
  647. }
  648. .anim-text-flow span:nth-of-type(98),
  649. .anim-text-flow-hover:hover span:nth-of-type(98) {
  650.   -webkit-animation-delay: -0.4s;
  651.           animation-delay: -0.4s;
  652. }
  653. .anim-text-flow span:nth-of-type(99),
  654. .anim-text-flow-hover:hover span:nth-of-type(99) {
  655.   -webkit-animation-delay: -0.2s;
  656.           animation-delay: -0.2s;
  657. }
  658. .anim-text-flow span:nth-of-type(100),
  659. .anim-text-flow-hover:hover span:nth-of-type(100) {
  660.   -webkit-animation-delay: 0s;
  661.           animation-delay: 0s;
  662. }
  663.  
  664. body {
  665.   font-family: 'rage';
  666.   text-transform: uppercase;
  667.   text-rendering: optimizeLegibility;
  668.   text-align: center;
  669.  
  670. }
  671.  
  672. .container {
  673.     position: fixed;
  674.     top: 50%;
  675.     left: 50%;
  676.     transform: translateX(-50%) translateY(-50%);
  677. }
  678.  
  679. .txt {
  680.     display: flex;
  681.     position: fixed;
  682.     top: 60%;
  683.     left: 50%;
  684.     text-align: center;
  685.     transform: translateX(-50%) translateY(-50%);
  686.     color: white;
  687. }
  688.  
  689. a {
  690.     text-decoration: none;
  691.     color: white;
  692. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!