Guest User

Untitled

a guest
Mar 28th, 2018
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.79 KB | None | 0 0
  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