It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.stlouisguild.org/headlines/?feed=rss2

  1. <html> <head> <meta http-equiv="refresh" content=""> <style type="text/css">@import url("https://fonts.googleapis.com/css?family=Lato|Russo+One");
  2. *,
  3. *:after,
  4. *:before { box-sizing: border-box;
  5. }
  6. body { padding: 0; margin: 0;
  7. }
  8. .container { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;
  9. }
  10. .container-star { background-image: -webkit-gradient(linear, left top, left bottom, from(#292256), color-stop(70%, #8446cf), to(#a871d6)); background-image: linear-gradient(to bottom, #292256 0%, #8446cf 70%, #a871d6 100%);
  11. }
  12. .container-star:after { background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(15, 10, 38, 0.2) 100%); content: ""; width: 100%; height: 100%; position: absolute; top: 0;
  13. }
  14. .star-1 { position: absolute; border-radius: 50%; background-color: #ffffff; -webkit-animation: twinkle 5s infinite ease-in-out; animation: twinkle 5s infinite ease-in-out;
  15. }
  16. .star-1:after { height: 100%; width: 100%; -webkit-transform: rotate(90deg); transform: rotate(90deg); content: ""; position: absolute; background-color: #fff; border-radius: 50%;
  17. }
  18. .star-1:before { background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); position: absolute; border-radius: 50%; content: ""; top: -20%; left: -50%;
  19. }
  20. .star-1:nth-of-type(1) { top: 50vh; left: 93vw; width: 9px; height: 3px; -webkit-animation-delay: 3s; animation-delay: 3s;
  21. }
  22. .star-1:nth-of-type(1):before { width: 18px; height: 18px; top: -250%;
  23. }
  24. .star-1:nth-of-type(2) { top: 36vh; left: 65vw; width: 6px; height: 2px; -webkit-animation-delay: 4s; animation-delay: 4s;
  25. }
  26. .star-1:nth-of-type(2):before { width: 12px; height: 12px; top: -250%;
  27. }
  28. .star-1:nth-of-type(3) { top: 42vh; left: 86vw; width: 9px; height: 3px; -webkit-animation-delay: 1s; animation-delay: 1s;
  29. }
  30. .star-1:nth-of-type(3):before { width: 18px; height: 18px; top: -250%;
  31. }
  32. .star-1:nth-of-type(4) { top: 25vh; left: 2vw; width: 9px; height: 3px; -webkit-animation-delay: 3s; animation-delay: 3s;
  33. }
  34. .star-1:nth-of-type(4):before { width: 18px; height: 18px; top: -250%;
  35. }
  36. .star-1:nth-of-type(5) { top: 20vh; left: 85vw; width: 4px; height: 1.3333333333px; -webkit-animation-delay: 5s; animation-delay: 5s;
  37. }
  38. .star-1:nth-of-type(5):before { width: 8px; height: 8px; top: -250%;
  39. }
  40. .star-1:nth-of-type(6) { top: 37vh; left: 54vw; width: 4px; height: 1.3333333333px; -webkit-animation-delay: 5s; animation-delay: 5s;
  41. }
  42. .star-1:nth-of-type(6):before { width: 8px; height: 8px; top: -250%;
  43. }
  44. .star-1:nth-of-type(7) { top: 70vh; left: 18vw; width: 8px; height: 2.6666666667px; -webkit-animation-delay: 5s; animation-delay: 5s;
  45. }
  46. .star-1:nth-of-type(7):before { width: 16px; height: 16px; top: -250%;
  47. }
  48. .star-1:nth-of-type(8) { top: 98vh; left: 100vw; width: 9px; height: 3px; -webkit-animation-delay: 5s; animation-delay: 5s;
  49. }
  50. .star-1:nth-of-type(8):before { width: 18px; height: 18px; top: -250%;
  51. }
  52. .star-1:nth-of-type(9) { top: 48vh; left: 69vw; width: 5px; height: 1.6666666667px; -webkit-animation-delay: 3s; animation-delay: 3s;
  53. }
  54. .star-1:nth-of-type(9):before { width: 10px; height: 10px; top: -250%;
  55. }
  56. .star-1:nth-of-type(10) { top: 4vh; left: 45vw; width: 7px; height: 2.3333333333px; -webkit-animation-delay: 4s; animation-delay: 4s;
  57. }
  58. .star-1:nth-of-type(10):before { width: 14px; height: 14px; top: -250%;
  59. }
  60. .star-1:nth-of-type(11) { top: 16vh; left: 56vw; width: 5px; height: 1.6666666667px; -webkit-animation-delay: 3s; animation-delay: 3s;
  61. }
  62. .star-1:nth-of-type(11):before { width: 10px; height: 10px; top: -250%;
  63. }
  64. .star-1:nth-of-type(12) { top: 74vh; left: 81vw; width: 5px; height: 1.6666666667px; -webkit-animation-delay: 3s; animation-delay: 3s;
  65. }
  66. .star-1:nth-of-type(12):before { width: 10px; height: 10px; top: -250%;
  67. }
  68. .star-1:nth-of-type(13) { top: 81vh; left: 11vw; width: 8px; height: 2.6666666667px; -webkit-animation-delay: 3s; animation-delay: 3s;
  69. }
  70. .star-1:nth-of-type(13):before { width: 16px; height: 16px; top: -250%;
  71. }
  72. .star-1:nth-of-type(14) { top: 44vh; left: 75vw; width: 8px; height: 2.6666666667px; -webkit-animation-delay: 1s; animation-delay: 1s;
  73. }
  74. .star-1:nth-of-type(14):before { width: 16px; height: 16px; top: -250%;
  75. }
  76. .star-1:nth-of-type(15) { top: 73vh; left: 79vw; width: 4px; height: 1.3333333333px; -webkit-animation-delay: 4s; animation-delay: 4s;
  77. }
  78. .star-1:nth-of-type(15):before { width: 8px; height: 8px; top: -250%;
  79. }
  80. .star-1:nth-of-type(16) { top: 44vh; left: 62vw; width: 4px; height: 1.3333333333px; -webkit-animation-delay: 5s; animation-delay: 5s;
  81. }
  82. .star-1:nth-of-type(16):before { width: 8px; height: 8px; top: -250%;
  83. }
  84. .star-1:nth-of-type(17) { top: 87vh; left: 47vw; width: 4px; height: 1.3333333333px; -webkit-animation-delay: 2s; animation-delay: 2s;
  85. }
  86. .star-1:nth-of-type(17):before { width: 8px; height: 8px; top: -250%;
  87. }
  88. .star-1:nth-of-type(18) { top: 36vh; left: 89vw; width: 5px; height: 1.6666666667px; -webkit-animation-delay: 4s; animation-delay: 4s;
  89. }
  90. .star-1:nth-of-type(18):before { width: 10px; height: 10px; top: -250%;
  91. }
  92. .star-1:nth-of-type(19) { top: 31vh; left: 37vw; width: 7px; height: 2.3333333333px; -webkit-animation-delay: 1s; animation-delay: 1s;
  93. }
  94. .star-1:nth-of-type(19):before { width: 14px; height: 14px; top: -250%;
  95. }
  96. .star-1:nth-of-type(20) { top: 4vh; left: 20vw; width: 4px; height: 1.3333333333px; -webkit-animation-delay: 5s; animation-delay: 5s;
  97. }
  98. .star-1:nth-of-type(20):before { width: 8px; height: 8px; top: -250%;
  99. }
  100. .star-1:nth-of-type(21) { top: 42vh; left: 65vw; width: 9px; height: 3px; -webkit-animation-delay: 4s; animation-delay: 4s;
  101. }
  102. .star-1:nth-of-type(21):before { width: 18px; height: 18px; top: -250%;
  103. }
  104. .star-1:nth-of-type(22) { top: 53vh; left: 70vw; width: 6px; height: 2px; -webkit-animation-delay: 3s; animation-delay: 3s;
  105. }
  106. .star-1:nth-of-type(22):before { width: 12px; height: 12px; top: -250%;
  107. }
  108. .star-1:nth-of-type(23) { top: 58vh; left: 16vw; width: 6px; height: 2px; -webkit-animation-delay: 2s; animation-delay: 2s;
  109. }
  110. .star-1:nth-of-type(23):before { width: 12px; height: 12px; top: -250%;
  111. }
  112. .star-1:nth-of-type(24) { top: 62vh; left: 36vw; width: 6px; height: 2px; -webkit-animation-delay: 2s; animation-delay: 2s;
  113. }
  114. .star-1:nth-of-type(24):before { width: 12px; height: 12px; top: -250%;
  115. }
  116. .star-1:nth-of-type(25) { top: 59vh; left: 5vw; width: 8px; height: 2.6666666667px; -webkit-animation-delay: 4s; animation-delay: 4s;
  117. }
  118. .star-1:nth-of-type(25):before { width: 16px; height: 16px; top: -250%;
  119. }
  120. .star-1:nth-of-type(26) { top: 73vh; left: 85vw; width: 4px; height: 1.3333333333px; -webkit-animation-delay: 4s; animation-delay: 4s;
  121. }
  122. .star-1:nth-of-type(26):before { width: 8px; height: 8px; top: -250%;
  123. }
  124. .star-1:nth-of-type(27) { top: 27vh; left: 82vw; width: 4px; height: 1.3333333333px; -webkit-animation-delay: 3s; animation-delay: 3s;
  125. }
  126. .star-1:nth-of-type(27):before { width: 8px; height: 8px; top: -250%;
  127. }
  128. .star-1:nth-of-type(28) { top: 75vh; left: 44vw; width: 8px; height: 2.6666666667px; -webkit-animation-delay: 4s; animation-delay: 4s;
  129. }
  130. .star-1:nth-of-type(28):before { width: 16px; height: 16px; top: -250%;
  131. }
  132. .star-1:nth-of-type(29) { top: 39vh; left: 88vw; width: 9px; height: 3px; -webkit-animation-delay: 2s; animation-delay: 2s;
  133. }
  134. .star-1:nth-of-type(29):before { width: 18px; height: 18px; top: -250%;
  135. }
  136. .star-1:nth-of-type(30) { top: 83vh; left: 78vw; width: 7px; height: 2.3333333333px; -webkit-animation-delay: 5s; animation-delay: 5s;
  137. }
  138. .star-1:nth-of-type(30):before { width: 14px; height: 14px; top: -250%;
  139. }
  140. .star-2 { position: absolute; border-radius: 50%; background-color: #ffffff; -webkit-animation: twinkle 5s infinite ease-in-out; animation: twinkle 5s infinite ease-in-out;
  141. }
  142. .star-2:nth-of-type(31) { top: 59vh; left: 19vw; width: 3px; height: 3px; -webkit-animation-delay: 1s; animation-delay: 1s;
  143. }
  144. .star-2:nth-of-type(31):before { width: 6px; height: 6px; top: -250%;
  145. }
  146. .star-2:nth-of-type(32) { top: 3vh; left: 74vw; width: 4px; height: 4px; -webkit-animation-delay: 2s; animation-delay: 2s;
  147. }
  148. .star-2:nth-of-type(32):before { width: 8px; height: 8px; top: -250%;
  149. }
  150. .star-2:nth-of-type(33) { top: 61vh; left: 91vw; width: 3px; height: 3px; -webkit-animation-delay: 4s; animation-delay: 4s;
  151. }
  152. .star-2:nth-of-type(33):before { width: 6px; height: 6px; top: -250%;
  153. }
  154. .star-2:nth-of-type(34) { top: 35vh; left: 82vw; width: 4px; height: 4px; -webkit-animation-delay: 3s; animation-delay: 3s;
  155. }
  156. .star-2:nth-of-type(34):before { width: 8px; height: 8px; top: -250%;
  157. }
  158. .star-2:nth-of-type(35) { top: 54vh; left: 86vw; width: 4px; height: 4px; -webkit-animation-delay: 4s; animation-delay: 4s;
  159. }
  160. .star-2:nth-of-type(35):before { width: 8px; height: 8px; top: -250%;
  161. }
  162. .star-2:nth-of-type(36) { top: 57vh; left: 86vw; width: 4px; height: 4px; -webkit-animation-delay: 1s; animation-delay: 1s;
  163. }
  164. .star-2:nth-of-type(36):before { width: 8px; height: 8px; top: -250%;
  165. }
  166. .star-2:nth-of-type(37) { top: 62vh; left: 89vw; width: 3px; height: 3px; -webkit-animation-delay: 5s; animation-delay: 5s;
  167. }
  168. .star-2:nth-of-type(37):before { width: 6px; height: 6px; top: -250%;
  169. }
  170. .star-2:nth-of-type(38) { top: 27vh; left: 90vw; width: 2px; height: 2px; -webkit-animation-delay: 3s; animation-delay: 3s;
  171. }
  172. .star-2:nth-of-type(38):before { width: 4px; height: 4px; top: -250%;
  173. }
  174. .star-2:nth-of-type(39) { top: 84vh; left: 77vw; width: 3px; height: 3px; -webkit-animation-delay: 4s; animation-delay: 4s;
  175. }
  176. .star-2:nth-of-type(39):before { width: 6px; height: 6px; top: -250%;
  177. }
  178. .star-2:nth-of-type(40) { top: 83vh; left: 11vw; width: 4px; height: 4px; -webkit-animation-delay: 3s; animation-delay: 3s;
  179. }
  180. .star-2:nth-of-type(40):before { width: 8px; height: 8px; top: -250%;
  181. }
  182. .star-2:nth-of-type(41) { top: 29vh; left: 58vw; width: 3px; height: 3px; -webkit-animation-delay: 2s; animation-delay: 2s;
  183. }
  184. .star-2:nth-of-type(41):before { width: 6px; height: 6px; top: -250%;
  185. }
  186. .star-2:nth-of-type(42) { top: 1vh; left: 38vw; width: 4px; height: 4px; -webkit-animation-delay: 3s; animation-delay: 3s;
  187. }
  188. .star-2:nth-of-type(42):before { width: 8px; height: 8px; top: -250%;
  189. }
  190. .star-2:nth-of-type(43) { top: 74vh; left: 63vw; width: 4px; height: 4px; -webkit-animation-delay: 2s; animation-delay: 2s;
  191. }
  192. .star-2:nth-of-type(43):before { width: 8px; height: 8px; top: -250%;
  193. }
  194. .star-2:nth-of-type(44) { top: 9vh; left: 73vw; width: 3px; height: 3px; -webkit-animation-delay: 4s; animation-delay: 4s;
  195. }
  196. .star-2:nth-of-type(44):before { width: 6px; height: 6px; top: -250%;
  197. }
  198. .star-2:nth-of-type(45) { top: 46vh; left: 76vw; width: 2px; height: 2px; -webkit-animation-delay: 3s; animation-delay: 3s;
  199. }
  200. .star-2:nth-of-type(45):before { width: 4px; height: 4px; top: -250%;
  201. }
  202. .star-2:nth-of-type(46) { top: 97vh; left: 54vw; width: 4px; height: 4px; -webkit-animation-delay: 2s; animation-delay: 2s;
  203. }
  204. .star-2:nth-of-type(46):before { width: 8px; height: 8px; top: -250%;
  205. }
  206. .star-2:nth-of-type(47) { top: 29vh; left: 5vw; width: 4px; height: 4px; -webkit-animation-delay: 5s; animation-delay: 5s;
  207. }
  208. .star-2:nth-of-type(47):before { width: 8px; height: 8px; top: -250%;
  209. }
  210. .star-2:nth-of-type(48) { top: 13vh; left: 91vw; width: 2px; height: 2px; -webkit-animation-delay: 3s; animation-delay: 3s;
  211. }
  212. .star-2:nth-of-type(48):before { width: 4px; height: 4px; top: -250%;
  213. }
  214. .star-2:nth-of-type(49) { top: 16vh; left: 90vw; width: 4px; height: 4px; -webkit-animation-delay: 4s; animation-delay: 4s;
  215. }
  216. .star-2:nth-of-type(49):before { width: 8px; height: 8px; top: -250%;
  217. }
  218. .star-2:nth-of-type(50) { top: 35vh; left: 87vw; width: 2px; height: 2px; -webkit-animation-delay: 3s; animation-delay: 3s;
  219. }
  220. .star-2:nth-of-type(50):before { width: 4px; height: 4px; top: -250%;
  221. }
  222. .star-2:nth-of-type(51) { top: 67vh; left: 82vw; width: 2px; height: 2px; -webkit-animation-delay: 5s; animation-delay: 5s;
  223. }
  224. .star-2:nth-of-type(51):before { width: 4px; height: 4px; top: -250%;
  225. }
  226. .star-2:nth-of-type(52) { top: 14vh; left: 31vw; width: 4px; height: 4px; -webkit-animation-delay: 2s; animation-delay: 2s;
  227. }
  228. .star-2:nth-of-type(52):before { width: 8px; height: 8px; top: -250%;
  229. }
  230. .star-2:nth-of-type(53) { top: 18vh; left: 45vw; width: 2px; height: 2px; -webkit-animation-delay: 3s; animation-delay: 3s;
  231. }
  232. .star-2:nth-of-type(53):before { width: 4px; height: 4px; top: -250%;
  233. }
  234. .star-2:nth-of-type(54) { top: 14vh; left: 54vw; width: 3px; height: 3px; -webkit-animation-delay: 5s; animation-delay: 5s;
  235. }
  236. .star-2:nth-of-type(54):before { width: 6px; height: 6px; top: -250%;
  237. }
  238. .star-2:nth-of-type(55) { top: 58vh; left: 37vw; width: 3px; height: 3px; -webkit-animation-delay: 5s; animation-delay: 5s;
  239. }
  240. .star-2:nth-of-type(55):before { width: 6px; height: 6px; top: -250%;
  241. }
  242. .star-2:nth-of-type(56) { top: 85vh; left: 53vw; width: 2px; height: 2px; -webkit-animation-delay: 2s; animation-delay: 2s;
  243. }
  244. .star-2:nth-of-type(56):before { width: 4px; height: 4px; top: -250%;
  245. }
  246. .star-2:nth-of-type(57) { top: 93vh; left: 46vw; width: 3px; height: 3px; -webkit-animation-delay: 4s; animation-delay: 4s;
  247. }
  248. .star-2:nth-of-type(57):before { width: 6px; height: 6px; top: -250%;
  249. }
  250. .star-2:nth-of-type(58) { top: 79vh; left: 21vw; width: 2px; height: 2px; -webkit-animation-delay: 3s; animation-delay: 3s;
  251. }
  252. .star-2:nth-of-type(58):before { width: 4px; height: 4px; top: -250%;
  253. }
  254. .star-2:nth-of-type(59) { top: 19vh; left: 93vw; width: 4px; height: 4px; -webkit-animation-delay: 1s; animation-delay: 1s;
  255. }
  256. .star-2:nth-of-type(59):before { width: 8px; height: 8px; top: -250%;
  257. }
  258. .star-2:nth-of-type(60) { top: 7vh; left: 3vw; width: 3px; height: 3px; -webkit-animation-delay: 2s; animation-delay: 2s;
  259. }
  260. .star-2:nth-of-type(60):before { width: 6px; height: 6px; top: -250%;
  261. }
  262. .container-title { width: 600px; height: 450px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; color: white; line-height: 1; font-weight: 700; text-align: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-box; display: flex;
  263. }
  264. .title > * { display: inline-block; font-size: 200px;
  265. }
  266. .number { text-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2); padding: 0 0.2em; font-family: 'Russo One', sans-serif;
  267. }
  268. .subtitle { font-size: 25px; margin-top: 1.5em; font-family: "Lato", sans-serif; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  269. }
  270. button { font-size: 22px; margin-top: 1.5em; padding: 0.5em 1em; letter-spacing: 1px; font-family: "Lato", sans-serif; color: white; background-color: transparent; border: 0; cursor: pointer; z-index: 999; border: 2px solid white; border-radius: 5px; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
  271. }
  272. button:hover { opacity: 0.7;
  273. }
  274. button:focus { outline: 0;
  275. }
  276. .moon { position: relative; border-radius: 50%; width: 160px; height: 160px; z-index: 2; background-color: #fff; box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #ff1177; -webkit-animation: rotate 5s ease-in-out infinite; animation: rotate 5s ease-in-out infinite;
  277. }
  278. .moon .face { top: 60%; left: 47%; position: absolute;
  279. }
  280. .moon .face .mouth { border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-top-right-radius: 50%; background-color: #5c3191; width: 25px; height: 25px; position: absolute; -webkit-animation: snore 5s ease-in-out infinite; animation: snore 5s ease-in-out infinite; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: inset -4px -4px 4px rgba(0, 0, 0, 0.3);
  281. }
  282. .moon .face .eyes { position: absolute; top: -30px; left: -30px;
  283. }
  284. .moon .face .eyes .eye-left,
  285. .moon .face .eyes .eye-right { border: 4px solid #5c3191; width: 30px; height: 15px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; border-top: 0; position: absolute;
  286. }
  287. .moon .face .eyes .eye-left:before, .moon .face .eyes .eye-left:after,
  288. .moon .face .eyes .eye-right:before,
  289. .moon .face .eyes .eye-right:after { content: ""; position: absolute; border-radius: 50%; width: 4px; height: 4px; background-color: #5c3191; top: -2px; left: -4px;
  290. }
  291. .moon .face .eyes .eye-left:after,
  292. .moon .face .eyes .eye-right:after { left: auto; right: -4px;
  293. }
  294. .moon .face .eyes .eye-right { left: 50px;
  295. }
  296. .container-bird { -webkit-perspective: 2000px; perspective: 2000px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
  297. }
  298. .bird { position: absolute; z-index: 1000; left: 50%; top: 50%; height: 40px; width: 50px; -webkit-transform: translate3d(-100vw, 0, 0) rotateY(90deg); transform: translate3d(-100vw, 0, 0) rotateY(90deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
  299. }
  300. .bird-container { left: 0; top: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(50px, 30px, -300px); transform: translate3d(50px, 30px, -300px);
  301. }
  302. .wing { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 3px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: center bottom; transform-origin: center bottom; z-index: 300;
  303. }
  304. .wing-left { background: -webkit-gradient(linear, left top, left bottom, from(#a58dc4), to(#7979a8)); background: linear-gradient(to bottom, #a58dc4 0%, #7979a8 100%); -webkit-transform: translate3d(0, 0, 0) rotateX(-30deg); transform: translate3d(0, 0, 0) rotateX(-30deg); -webkit-animation: wingLeft 1.3s cubic-bezier(0.45, 0, 0.5, 0.95) infinite; animation: wingLeft 1.3s cubic-bezier(0.45, 0, 0.5, 0.95) infinite;
  305. }
  306. .wing-right { background: -webkit-gradient(linear, left top, left bottom, from(#d9d3e2), to(#b8a5d1)); background: linear-gradient(to bottom, #d9d3e2 0%, #b8a5d1 100%); -webkit-transform: translate3d(0, 0, 0) rotateX(-30deg); transform: translate3d(0, 0, 0) rotateX(-30deg); -webkit-animation: wingRight 1.3s cubic-bezier(0.45, 0, 0.5, 0.95) infinite; animation: wingRight 1.3s cubic-bezier(0.45, 0, 0.5, 0.95) infinite;
  307. }
  308. .wing-right-top,
  309. .wing-left-top { border-right: 25px solid transparent; border-left: 25px solid transparent; top: -20px; width: 100%; position: absolute; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;
  310. }
  311. .wing-right-top { border-bottom: 20px solid #b8a5d1; -webkit-transform: translate3d(0, 0, 0) rotateX(60deg); transform: translate3d(0, 0, 0) rotateX(60deg); -webkit-animation: wingRightTop 1.3s cubic-bezier(0.45, 0, 0.5, 0.95) infinite; animation: wingRightTop 1.3s cubic-bezier(0.45, 0, 0.5, 0.95) infinite;
  312. }
  313. .wing-left-top { border-bottom: 20px solid #7979a8; -webkit-transform: translate3d(0, 0, 0) rotateX(-60deg); transform: translate3d(0, 0, 0) rotateX(-60deg); -webkit-animation: wingLeftTop 1.3s cubic-bezier(0.45, 0, 0.5, 0.95) infinite; animation: wingLeftTop 1.3s cubic-bezier(0.45, 0, 0.5, 0.95) infinite;
  314. }
  315. .bird-anim:nth-child(1) { -webkit-animation: bird1 30s linear infinite forwards; animation: bird1 30s linear infinite forwards;
  316. }
  317. .bird-anim:nth-child(2) { -webkit-animation: bird2 30s linear infinite forwards; animation: bird2 30s linear infinite forwards; -webkit-animation-delay: 3s; animation-delay: 3s; z-index: -1;
  318. }
  319. .bird-anim:nth-child(3) { -webkit-animation: bird3 30s linear infinite forwards; animation: bird3 30s linear infinite forwards; -webkit-animation-delay: 5s; animation-delay: 5s;
  320. }
  321. .bird-anim:nth-child(4) { -webkit-animation: bird4 30s linear infinite forwards; animation: bird4 30s linear infinite forwards; -webkit-animation-delay: 7s; animation-delay: 7s;
  322. }
  323. .bird-anim:nth-child(5) { -webkit-animation: bird5 30s linear infinite forwards; animation: bird5 30s linear infinite forwards; -webkit-animation-delay: 14s; animation-delay: 14s;
  324. }
  325. .bird-anim:nth-child(6) { -webkit-animation: bird6 30s linear infinite forwards; animation: bird6 30s linear infinite forwards; -webkit-animation-delay: 10s; animation-delay: 10s; z-index: -1;
  326. }
  327. @-webkit-keyframes rotate { 0%, 100% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  328. }
  329. @keyframes rotate { 0%, 100% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  330. }
  331. @-webkit-keyframes snore { 0%, 100% { -webkit-transform: scale(1) rotate(30deg); transform: scale(1) rotate(30deg); } 50% { -webkit-transform: scale(0.5) rotate(30deg); transform: scale(0.5) rotate(30deg); border-bottom-left-radius: 50%; }
  332. }
  333. @keyframes snore { 0%, 100% { -webkit-transform: scale(1) rotate(30deg); transform: scale(1) rotate(30deg); } 50% { -webkit-transform: scale(0.5) rotate(30deg); transform: scale(0.5) rotate(30deg); border-bottom-left-radius: 50%; }
  334. }
  335. @-webkit-keyframes twinkle { 0%, 100% { opacity: 0.7; } 50% { opacity: 0.3; }
  336. }
  337. @keyframes twinkle { 0%, 100% { opacity: 0.7; } 50% { opacity: 0.3; }
  338. }
  339. @-webkit-keyframes wingLeft { 0%, 100% { -webkit-transform: translate3d(0, 0, 0) rotateX(-50deg); transform: translate3d(0, 0, 0) rotateX(-50deg); } 50% { -webkit-transform: translate3d(0, -20px, 0) rotateX(-130deg); transform: translate3d(0, -20px, 0) rotateX(-130deg); background: -webkit-gradient(linear, left top, left bottom, from(#d9d3e2), to(#b8a5d1)); background: linear-gradient(to bottom, #d9d3e2 0%, #b8a5d1 100%); }
  340. }
  341. @keyframes wingLeft { 0%, 100% { -webkit-transform: translate3d(0, 0, 0) rotateX(-50deg); transform: translate3d(0, 0, 0) rotateX(-50deg); } 50% { -webkit-transform: translate3d(0, -20px, 0) rotateX(-130deg); transform: translate3d(0, -20px, 0) rotateX(-130deg); background: -webkit-gradient(linear, left top, left bottom, from(#d9d3e2), to(#b8a5d1)); background: linear-gradient(to bottom, #d9d3e2 0%, #b8a5d1 100%); }
  342. }
  343. @-webkit-keyframes wingLeftTop { 0%, 100% { -webkit-transform: translate3d(0, 0, 0) rotateX(-10deg); transform: translate3d(0, 0, 0) rotateX(-10deg); } 50% { -webkit-transform: translate3d(0px, 0px, 0) rotateX(-40deg); transform: translate3d(0px, 0px, 0) rotateX(-40deg); border-bottom: 20px solid #b8a5d1; }
  344. }
  345. @keyframes wingLeftTop { 0%, 100% { -webkit-transform: translate3d(0, 0, 0) rotateX(-10deg); transform: translate3d(0, 0, 0) rotateX(-10deg); } 50% { -webkit-transform: translate3d(0px, 0px, 0) rotateX(-40deg); transform: translate3d(0px, 0px, 0) rotateX(-40deg); border-bottom: 20px solid #b8a5d1; }
  346. }
  347. @-webkit-keyframes wingRight { 0%, 100% { -webkit-transform: translate3d(0, 0, 0) rotateX(50deg); transform: translate3d(0, 0, 0) rotateX(50deg); } 50% { -webkit-transform: translate3d(0, -20px, 0) rotateX(130deg); transform: translate3d(0, -20px, 0) rotateX(130deg); background: -webkit-gradient(linear, left top, left bottom, from(#a58dc4), to(#7979a8)); background: linear-gradient(to bottom, #a58dc4 0%, #7979a8 100%); }
  348. }
  349. @keyframes wingRight { 0%, 100% { -webkit-transform: translate3d(0, 0, 0) rotateX(50deg); transform: translate3d(0, 0, 0) rotateX(50deg); } 50% { -webkit-transform: translate3d(0, -20px, 0) rotateX(130deg); transform: translate3d(0, -20px, 0) rotateX(130deg); background: -webkit-gradient(linear, left top, left bottom, from(#a58dc4), to(#7979a8)); background: linear-gradient(to bottom, #a58dc4 0%, #7979a8 100%); }
  350. }
  351. @-webkit-keyframes wingRightTop { 0%, 100% { -webkit-transform: translate3d(0, 0, 0) rotateX(10deg); transform: translate3d(0, 0, 0) rotateX(10deg); } 50% { -webkit-transform: translate3d(0px, 0px, 0px) rotateX(40deg); transform: translate3d(0px, 0px, 0px) rotateX(40deg); border-bottom: 20px solid #7979a8; }
  352. }
  353. @keyframes wingRightTop { 0%, 100% { -webkit-transform: translate3d(0, 0, 0) rotateX(10deg); transform: translate3d(0, 0, 0) rotateX(10deg); } 50% { -webkit-transform: translate3d(0px, 0px, 0px) rotateX(40deg); transform: translate3d(0px, 0px, 0px) rotateX(40deg); border-bottom: 20px solid #7979a8; }
  354. }
  355. @-webkit-keyframes bird1 { 0% { -webkit-transform: translate3d(-120vw, -20px, -1000px) rotateY(-40deg) rotateX(0deg); transform: translate3d(-120vw, -20px, -1000px) rotateY(-40deg) rotateX(0deg); } 100% { -webkit-transform: translate3d(100vw, -40vh, 1000px) rotateY(-40deg) rotateX(0deg); transform: translate3d(100vw, -40vh, 1000px) rotateY(-40deg) rotateX(0deg); }
  356. }
  357. @keyframes bird1 { 0% { -webkit-transform: translate3d(-120vw, -20px, -1000px) rotateY(-40deg) rotateX(0deg); transform: translate3d(-120vw, -20px, -1000px) rotateY(-40deg) rotateX(0deg); } 100% { -webkit-transform: translate3d(100vw, -40vh, 1000px) rotateY(-40deg) rotateX(0deg); transform: translate3d(100vw, -40vh, 1000px) rotateY(-40deg) rotateX(0deg); }
  358. }
  359. @-webkit-keyframes bird2 { 0%, 15% { -webkit-transform: translate3d(100vw, -300px, -1000px) rotateY(10deg) rotateX(0deg); transform: translate3d(100vw, -300px, -1000px) rotateY(10deg) rotateX(0deg); } 100% { -webkit-transform: translate3d(-100vw, -20px, -1000px) rotateY(10deg) rotateX(0deg); transform: translate3d(-100vw, -20px, -1000px) rotateY(10deg) rotateX(0deg); }
  360. }
  361. @keyframes bird2 { 0%, 15% { -webkit-transform: translate3d(100vw, -300px, -1000px) rotateY(10deg) rotateX(0deg); transform: translate3d(100vw, -300px, -1000px) rotateY(10deg) rotateX(0deg); } 100% { -webkit-transform: translate3d(-100vw, -20px, -1000px) rotateY(10deg) rotateX(0deg); transform: translate3d(-100vw, -20px, -1000px) rotateY(10deg) rotateX(0deg); }
  362. }
  363. @-webkit-keyframes bird3 { 0% { -webkit-transform: translate3d(100vw, -50vh, 100px) rotateY(-5deg) rotateX(-20deg); transform: translate3d(100vw, -50vh, 100px) rotateY(-5deg) rotateX(-20deg); } 100% { -webkit-transform: translate3d(-100vw, -10vh, 100px) rotateY(-5deg) rotateX(-20deg); transform: translate3d(-100vw, -10vh, 100px) rotateY(-5deg) rotateX(-20deg); }
  364. }
  365. @keyframes bird3 { 0% { -webkit-transform: translate3d(100vw, -50vh, 100px) rotateY(-5deg) rotateX(-20deg); transform: translate3d(100vw, -50vh, 100px) rotateY(-5deg) rotateX(-20deg); } 100% { -webkit-transform: translate3d(-100vw, -10vh, 100px) rotateY(-5deg) rotateX(-20deg); transform: translate3d(-100vw, -10vh, 100px) rotateY(-5deg) rotateX(-20deg); }
  366. }
  367. @-webkit-keyframes bird4 { 0% { -webkit-transform: translate3d(100vw, 30vh, 200px) rotateY(-5deg) rotateX(10deg); transform: translate3d(100vw, 30vh, 200px) rotateY(-5deg) rotateX(10deg); } 100% { -webkit-transform: translate3d(-100vw, -30vh, 200px) rotateY(-5deg) rotateX(10deg); transform: translate3d(-100vw, -30vh, 200px) rotateY(-5deg) rotateX(10deg); }
  368. }
  369. @keyframes bird4 { 0% { -webkit-transform: translate3d(100vw, 30vh, 200px) rotateY(-5deg) rotateX(10deg); transform: translate3d(100vw, 30vh, 200px) rotateY(-5deg) rotateX(10deg); } 100% { -webkit-transform: translate3d(-100vw, -30vh, 200px) rotateY(-5deg) rotateX(10deg); transform: translate3d(-100vw, -30vh, 200px) rotateY(-5deg) rotateX(10deg); }
  370. }
  371. @-webkit-keyframes bird5 { 0%, 5% { -webkit-transform: translate3d(100vw, 30vh, 400px) rotateY(-15deg) rotateX(-10deg); transform: translate3d(100vw, 30vh, 400px) rotateY(-15deg) rotateX(-10deg); } 100% { -webkit-transform: translate3d(-100vw, 10vh, 400px) rotateY(-15deg) rotateX(-10deg); transform: translate3d(-100vw, 10vh, 400px) rotateY(-15deg) rotateX(-10deg); }
  372. }
  373. @keyframes bird5 { 0%, 5% { -webkit-transform: translate3d(100vw, 30vh, 400px) rotateY(-15deg) rotateX(-10deg); transform: translate3d(100vw, 30vh, 400px) rotateY(-15deg) rotateX(-10deg); } 100% { -webkit-transform: translate3d(-100vw, 10vh, 400px) rotateY(-15deg) rotateX(-10deg); transform: translate3d(-100vw, 10vh, 400px) rotateY(-15deg) rotateX(-10deg); }
  374. }
  375. @-webkit-keyframes bird6 { 0%, 10% { -webkit-transform: translate3d(-100vw, 20vh, -500px) rotateY(15deg) rotateX(10deg); transform: translate3d(-100vw, 20vh, -500px) rotateY(15deg) rotateX(10deg); } 100% { -webkit-transform: translate3d(100vw, 40vh, -800px) rotateY(5deg) rotateX(10deg); transform: translate3d(100vw, 40vh, -800px) rotateY(5deg) rotateX(10deg); }
  376. }
  377. @keyframes bird6 { 0%, 10% { -webkit-transform: translate3d(-100vw, 20vh, -500px) rotateY(15deg) rotateX(10deg); transform: translate3d(-100vw, 20vh, -500px) rotateY(15deg) rotateX(10deg); } 100% { -webkit-transform: translate3d(100vw, 40vh, -800px) rotateY(5deg) rotateX(10deg); transform: translate3d(100vw, 40vh, -800px) rotateY(5deg) rotateX(10deg); }
  378. }
  379. @media screen and (max-width: 580px) { .container-404 { width: 100%; } .number { font-size: 100px; } .subtitle { font-size: 20px; padding: 0 1em; } .moon { width: 100px; height: 100px; } .face { -webkit-transform: scale(0.7); transform: scale(0.7); }
  380. } </style> <script type="text/javascript"> function extractDomain(url) { var domain = url; if(url != '') { if (url.indexOf("://") > -1) { domain = url.split('/')[2]; } else { domain = url.split('/')[0]; } domain = domain.split(':')[0]; } return domain; } var req = new XMLHttpRequest(); req.open('GET', document.location, false); req.send(null); var requestedpage = req.getResponseHeader('x-amz-error-detail-key'); if(requestedpage!=null)getNewURL(requestedpage.toLowerCase()); function isspecial(requestedpage){ var specials = ""; if((specials.indexOf(",") > -1) ) { var sparr = specials.split(','); }else{ sparr = specials; } if(sparr.indexOf(requestedpage)>-1) { var site = "https://www.stlouisguild.org/"; metatags = document.getElementsByTagName("meta"); metatags[0].setAttribute("content","0;url="+site+"?special="+requestedpage); return true; }else{ return false; } } function getNewURL(requestedpage){ var site = "https://www.stlouisguild.org/"; if(!isspecial(requestedpage)) { } } </script> </head> <body> <div class="container container-star"> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-1"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div> <div class="star-2"></div></div><div class="container container-bird"> <div class="bird bird-anim"> <div class="bird-container"> <div class="wing wing-left"> <div class="wing-left-top"></div> </div> <div class="wing wing-right"> <div class="wing-right-top"></div> </div> </div> </div> <div class="bird bird-anim"> <div class="bird-container"> <div class="wing wing-left"> <div class="wing-left-top"></div> </div> <div class="wing wing-right"> <div class="wing-right-top"></div> </div> </div> </div> <div class="bird bird-anim"> <div class="bird-container"> <div class="wing wing-left"> <div class="wing-left-top"></div> </div> <div class="wing wing-right"> <div class="wing-right-top"></div> </div> </div> </div> <div class="bird bird-anim"> <div class="bird-container"> <div class="wing wing-left"> <div class="wing-left-top"></div> </div> <div class="wing wing-right"> <div class="wing-right-top"></div> </div> </div> </div> <div class="bird bird-anim"> <div class="bird-container"> <div class="wing wing-left"> <div class="wing-left-top"></div> </div> <div class="wing wing-right"> <div class="wing-right-top"></div> </div> </div> </div> <div class="bird bird-anim"> <div class="bird-container"> <div class="wing wing-left"> <div class="wing-left-top"></div> </div> <div class="wing wing-right"> <div class="wing-right-top"></div> </div> </div> </div> <div class="container-title"> <div class="title"> <div class="number">4</div> <div class="moon"> <div class="face"> <div class="mouth"></div> <div class="eyes"> <div class="eye-left"></div> <div class="eye-right"></div> </div> </div> </div> <div class="number">4</div> </div> <div class="subtitle">Oops. Looks like you took a wrong turn.</div> <a href="https://www.stlouisguild.org" class="link_404"><button>Go back</button></a> </div></div> </body></html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda