MediaWiki:Common.css
From SHA2017
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins . LOLHAX */ .mw-wiki-logo { background-image: url('/images/5/52/Shawiki.png') !important; } .fivecolumns { -moz-column-count:5; -moz-column-gap:20px; -webkit-column-count:5; -webkit-column-gap:20px; column-count:5; column-gap:20px; } /* Mentioneduser, user information boxes on mouse over. */ .mentioneduser a { position: relative; } .mentioneduser a span {display: none; z-index: 1000;} .mentioneduser a:hover span { display: block; position: absolute; top: 5px; left: -50%; width: 200px; padding: 5px; margin: 10px; z-index: 1000; color: #AAA; background: white; font: 10px Verdana, sans-serif; border: 1px solid silver; text-decoration: none; } .mentioneduser a:hover { text-decoration: none; } input, textarea, select, button { color: black; } /* the countdown clock on the front page of the wiki. See common.js for the script. */ #clockdiv{ font-family: sans-serif; color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 30px; } #clockdiv > div{ padding: 10px; border-radius: 3px; background: #00BF96; display: inline-block; margin-left: 10px; } #clockdiv div > span{ padding: 15px; border-radius: 3px; background: #00816A; display: inline-block; width:50px; height:50px; } .clocksmalltext{ padding-top: 5px; font-size: 16px; } /* Some testing */ html { overflow: hidden; background: #222; color: white; } html:after { position: absolute; top: 50%; left: 50%; margin: -16.25em; width: 32.5em; height: 32.5em; box-shadow: 0 0 0 50vmax; content: ''; } .assembly { animation: rot 5s linear infinite; } .assembly, .assembly *, .assembly :before { position: absolute; top: 50%; left: 50%; } .square { content: 313; } .square:nth-child(n + 2):before { animation-name: ani1; } @keyframes ani1 { 13.84615%, 100% { transform: rotate(45deg) scale(0); } } .square:nth-child(2) { transform: rotate(-44.9814deg) translate(3.53553em) rotate(44.9814deg); animation: collapse-1-0 5s ease-in infinite; } @keyframes collapse-1-0 { 13.84615%, 100% { transform: rotate(-44.9814deg) translate(2.5em) rotate(44.9814deg); } } .square:nth-child(3) { transform: rotate(45.0186deg) translate(3.53553em) rotate(-45.0186deg); animation: collapse-1-1 5s ease-in infinite; } @keyframes collapse-1-1 { 13.84615%, 100% { transform: rotate(45.0186deg) translate(2.5em) rotate(-45.0186deg); } } .square:nth-child(4) { transform: rotate(135.0186deg) translate(3.53553em) rotate(-135.0186deg); animation: collapse-1-2 5s ease-in infinite; } @keyframes collapse-1-2 { 13.84615%, 100% { transform: rotate(135.0186deg) translate(2.5em) rotate(-135.0186deg); } } .square:nth-child(5) { transform: rotate(225.0186deg) translate(3.53553em) rotate(-225.0186deg); animation: collapse-1-3 5s ease-in infinite; } @keyframes collapse-1-3 { 13.84615%, 100% { transform: rotate(225.0186deg) translate(2.5em) rotate(-225.0186deg); } } .square:nth-child(n + 6):before { animation-name: ani2; } @keyframes ani2 { 20.76923%, 100% { transform: rotate(45deg) scale(1); } } .square:nth-child(6) { transform: rotate(-44.9814deg) translate(7.07107em) rotate(44.9814deg); animation: collapse-2-0 5s ease-in infinite; } @keyframes collapse-2-0 { 20.76923%, 100% { transform: rotate(-44.9814deg) translate(5em) rotate(44.9814deg); } } .square:nth-child(7) { transform: rotate(0deg) translate(5em) rotate(0deg); animation: collapse-2-1 5s ease-in infinite; } @keyframes collapse-2-1 { 20.76923%, 100% { transform: rotate(0deg) translate(3.53553em) rotate(0deg); } } .square:nth-child(8) { transform: rotate(45.0186deg) translate(7.07107em) rotate(-45.0186deg); animation: collapse-2-2 5s ease-in infinite; } @keyframes collapse-2-2 { 20.76923%, 100% { transform: rotate(45.0186deg) translate(5em) rotate(-45.0186deg); } } .square:nth-child(9) { transform: rotate(90deg) translate(5em) rotate(-90deg); animation: collapse-2-3 5s ease-in infinite; } @keyframes collapse-2-3 { 20.76923%, 100% { transform: rotate(90deg) translate(3.53553em) rotate(-90deg); } } .square:nth-child(10) { transform: rotate(135.0186deg) translate(7.07107em) rotate(-135.0186deg); animation: collapse-2-4 5s ease-in infinite; } @keyframes collapse-2-4 { 20.76923%, 100% { transform: rotate(135.0186deg) translate(5em) rotate(-135.0186deg); } } .square:nth-child(11) { transform: rotate(180deg) translate(5em) rotate(-180deg); animation: collapse-2-5 5s ease-in infinite; } @keyframes collapse-2-5 { 20.76923%, 100% { transform: rotate(180deg) translate(3.53553em) rotate(-180deg); } } .square:nth-child(12) { transform: rotate(225.0186deg) translate(7.07107em) rotate(-225.0186deg); animation: collapse-2-6 5s ease-in infinite; } @keyframes collapse-2-6 { 20.76923%, 100% { transform: rotate(225.0186deg) translate(5em) rotate(-225.0186deg); } } .square:nth-child(13) { transform: rotate(270deg) translate(5em) rotate(-270deg); animation: collapse-2-7 5s ease-in infinite; } @keyframes collapse-2-7 { 20.76923%, 100% { transform: rotate(270deg) translate(3.53553em) rotate(-270deg); } } .square:nth-child(n + 14):before { animation-name: ani3; } @keyframes ani3 { 27.69231%, 100% { transform: rotate(45deg) scale(0); } } .square:nth-child(14) { transform: rotate(-44.9814deg) translate(10.6066em) rotate(44.9814deg); animation: collapse-3-0 5s ease-in infinite; } @keyframes collapse-3-0 { 27.69231%, 100% { transform: rotate(-44.9814deg) translate(7.5em) rotate(44.9814deg); } } .square:nth-child(15) { transform: rotate(-18.43408deg) translate(7.90569em) rotate(18.43408deg); animation: collapse-3-1 5s ease-in infinite; } @keyframes collapse-3-1 { 27.69231%, 100% { transform: rotate(-18.43408deg) translate(5.59017em) rotate(18.43408deg); } } .square:nth-child(16) { transform: rotate(18.43408deg) translate(7.90569em) rotate(-18.43408deg); animation: collapse-3-2 5s ease-in infinite; } @keyframes collapse-3-2 { 27.69231%, 100% { transform: rotate(18.43408deg) translate(5.59017em) rotate(-18.43408deg); } } .square:nth-child(17) { transform: rotate(45.0186deg) translate(10.6066em) rotate(-45.0186deg); animation: collapse-3-3 5s ease-in infinite; } @keyframes collapse-3-3 { 27.69231%, 100% { transform: rotate(45.0186deg) translate(7.5em) rotate(-45.0186deg); } } .square:nth-child(18) { transform: rotate(71.56592deg) translate(7.90569em) rotate(-71.56592deg); animation: collapse-3-4 5s ease-in infinite; } @keyframes collapse-3-4 { 27.69231%, 100% { transform: rotate(71.56592deg) translate(5.59017em) rotate(-71.56592deg); } } .square:nth-child(19) { transform: rotate(108.43408deg) translate(7.90569em) rotate(-108.43408deg); animation: collapse-3-5 5s ease-in infinite; } @keyframes collapse-3-5 { 27.69231%, 100% { transform: rotate(108.43408deg) translate(5.59017em) rotate(-108.43408deg); } } .square:nth-child(20) { transform: rotate(135.0186deg) translate(10.6066em) rotate(-135.0186deg); animation: collapse-3-6 5s ease-in infinite; } @keyframes collapse-3-6 { 27.69231%, 100% { transform: rotate(135.0186deg) translate(7.5em) rotate(-135.0186deg); } } .square:nth-child(21) { transform: rotate(161.56592deg) translate(7.90569em) rotate(-161.56592deg); animation: collapse-3-7 5s ease-in infinite; } @keyframes collapse-3-7 { 27.69231%, 100% { transform: rotate(161.56592deg) translate(5.59017em) rotate(-161.56592deg); } } .square:nth-child(22) { transform: rotate(198.43408deg) translate(7.90569em) rotate(-198.43408deg); animation: collapse-3-8 5s ease-in infinite; } @keyframes collapse-3-8 { 27.69231%, 100% { transform: rotate(198.43408deg) translate(5.59017em) rotate(-198.43408deg); } } .square:nth-child(23) { transform: rotate(225.0186deg) translate(10.6066em) rotate(-225.0186deg); animation: collapse-3-9 5s ease-in infinite; } @keyframes collapse-3-9 { 27.69231%, 100% { transform: rotate(225.0186deg) translate(7.5em) rotate(-225.0186deg); } } .square:nth-child(24) { transform: rotate(251.56592deg) translate(7.90569em) rotate(-251.56592deg); animation: collapse-3-10 5s ease-in infinite; } @keyframes collapse-3-10 { 27.69231%, 100% { transform: rotate(251.56592deg) translate(5.59017em) rotate(-251.56592deg); } } .square:nth-child(25) { transform: rotate(288.43408deg) translate(7.90569em) rotate(-288.43408deg); animation: collapse-3-11 5s ease-in infinite; } @keyframes collapse-3-11 { 27.69231%, 100% { transform: rotate(288.43408deg) translate(5.59017em) rotate(-288.43408deg); } } .square:nth-child(n + 26):before { animation-name: ani4; } @keyframes ani4 { 34.61538%, 100% { transform: rotate(45deg) scale(1); } } .square:nth-child(26) { transform: rotate(-44.9814deg) translate(14.14214em) rotate(44.9814deg); animation: collapse-4-0 5s ease-in infinite; } @keyframes collapse-4-0 { 34.61538%, 100% { transform: rotate(-44.9814deg) translate(10em) rotate(44.9814deg); } } .square:nth-child(27) { transform: rotate(-26.55444deg) translate(11.18034em) rotate(26.55444deg); animation: collapse-4-1 5s ease-in infinite; } @keyframes collapse-4-1 { 34.61538%, 100% { transform: rotate(-26.55444deg) translate(7.90569em) rotate(26.55444deg); } } .square:nth-child(28) { transform: rotate(0deg) translate(10em) rotate(0deg); animation: collapse-4-2 5s ease-in infinite; } @keyframes collapse-4-2 { 34.61538%, 100% { transform: rotate(0deg) translate(7.07107em) rotate(0deg); } } .square:nth-child(29) { transform: rotate(26.55444deg) translate(11.18034em) rotate(-26.55444deg); animation: collapse-4-3 5s ease-in infinite; } @keyframes collapse-4-3 { 34.61538%, 100% { transform: rotate(26.55444deg) translate(7.90569em) rotate(-26.55444deg); } } .square:nth-child(30) { transform: rotate(45.0186deg) translate(14.14214em) rotate(-45.0186deg); animation: collapse-4-4 5s ease-in infinite; } @keyframes collapse-4-4 { 34.61538%, 100% { transform: rotate(45.0186deg) translate(10em) rotate(-45.0186deg); } } .square:nth-child(31) { transform: rotate(63.44556deg) translate(11.18034em) rotate(-63.44556deg); animation: collapse-4-5 5s ease-in infinite; } @keyframes collapse-4-5 { 34.61538%, 100% { transform: rotate(63.44556deg) translate(7.90569em) rotate(-63.44556deg); } } .square:nth-child(32) { transform: rotate(90deg) translate(10em) rotate(-90deg); animation: collapse-4-6 5s ease-in infinite; } @keyframes collapse-4-6 { 34.61538%, 100% { transform: rotate(90deg) translate(7.07107em) rotate(-90deg); } } .square:nth-child(33) { transform: rotate(116.55444deg) translate(11.18034em) rotate(-116.55444deg); animation: collapse-4-7 5s ease-in infinite; } @keyframes collapse-4-7 { 34.61538%, 100% { transform: rotate(116.55444deg) translate(7.90569em) rotate(-116.55444deg); } } .square:nth-child(34) { transform: rotate(135.0186deg) translate(14.14214em) rotate(-135.0186deg); animation: collapse-4-8 5s ease-in infinite; } @keyframes collapse-4-8 { 34.61538%, 100% { transform: rotate(135.0186deg) translate(10em) rotate(-135.0186deg); } } .square:nth-child(35) { transform: rotate(153.44556deg) translate(11.18034em) rotate(-153.44556deg); animation: collapse-4-9 5s ease-in infinite; } @keyframes collapse-4-9 { 34.61538%, 100% { transform: rotate(153.44556deg) translate(7.90569em) rotate(-153.44556deg); } } .square:nth-child(36) { transform: rotate(180deg) translate(10em) rotate(-180deg); animation: collapse-4-10 5s ease-in infinite; } @keyframes collapse-4-10 { 34.61538%, 100% { transform: rotate(180deg) translate(7.07107em) rotate(-180deg); } } .square:nth-child(37) { transform: rotate(206.55444deg) translate(11.18034em) rotate(-206.55444deg); animation: collapse-4-11 5s ease-in infinite; } @keyframes collapse-4-11 { 34.61538%, 100% { transform: rotate(206.55444deg) translate(7.90569em) rotate(-206.55444deg); } } .square:nth-child(38) { transform: rotate(225.0186deg) translate(14.14214em) rotate(-225.0186deg); animation: collapse-4-12 5s ease-in infinite; } @keyframes collapse-4-12 { 34.61538%, 100% { transform: rotate(225.0186deg) translate(10em) rotate(-225.0186deg); } } .square:nth-child(39) { transform: rotate(243.44556deg) translate(11.18034em) rotate(-243.44556deg); animation: collapse-4-13 5s ease-in infinite; } @keyframes collapse-4-13 { 34.61538%, 100% { transform: rotate(243.44556deg) translate(7.90569em) rotate(-243.44556deg); } } .square:nth-child(40) { transform: rotate(270deg) translate(10em) rotate(-270deg); animation: collapse-4-14 5s ease-in infinite; } @keyframes collapse-4-14 { 34.61538%, 100% { transform: rotate(270deg) translate(7.07107em) rotate(-270deg); } } .square:nth-child(41) { transform: rotate(296.55444deg) translate(11.18034em) rotate(-296.55444deg); animation: collapse-4-15 5s ease-in infinite; } @keyframes collapse-4-15 { 34.61538%, 100% { transform: rotate(296.55444deg) translate(7.90569em) rotate(-296.55444deg); } } .square:nth-child(n + 42):before { animation-name: ani5; } @keyframes ani5 { 41.53846%, 100% { transform: rotate(45deg) scale(0); } } .square:nth-child(42) { transform: rotate(-44.9814deg) translate(17.67767em) rotate(44.9814deg); animation: collapse-5-0 5s ease-in infinite; } @keyframes collapse-5-0 { 41.53846%, 100% { transform: rotate(-44.9814deg) translate(12.5em) rotate(44.9814deg); } } .square:nth-child(43) { transform: rotate(-30.95828deg) translate(14.57738em) rotate(30.95828deg); animation: collapse-5-1 5s ease-in infinite; } @keyframes collapse-5-1 { 41.53846%, 100% { transform: rotate(-30.95828deg) translate(10.30776em) rotate(30.95828deg); } } .square:nth-child(44) { transform: rotate(-11.30866deg) translate(12.74755em) rotate(11.30866deg); animation: collapse-5-2 5s ease-in infinite; } @keyframes collapse-5-2 { 41.53846%, 100% { transform: rotate(-11.30866deg) translate(9.01388em) rotate(11.30866deg); } } .square:nth-child(45) { transform: rotate(11.30866deg) translate(12.74755em) rotate(-11.30866deg); animation: collapse-5-3 5s ease-in infinite; } @keyframes collapse-5-3 { 41.53846%, 100% { transform: rotate(11.30866deg) translate(9.01388em) rotate(-11.30866deg); } } .square:nth-child(46) { transform: rotate(30.95828deg) translate(14.57738em) rotate(-30.95828deg); animation: collapse-5-4 5s ease-in infinite; } @keyframes collapse-5-4 { 41.53846%, 100% { transform: rotate(30.95828deg) translate(10.30776em) rotate(-30.95828deg); } } .square:nth-child(47) { transform: rotate(45.0186deg) translate(17.67767em) rotate(-45.0186deg); animation: collapse-5-5 5s ease-in infinite; } @keyframes collapse-5-5 { 41.53846%, 100% { transform: rotate(45.0186deg) translate(12.5em) rotate(-45.0186deg); } } .square:nth-child(48) { transform: rotate(59.04172deg) translate(14.57738em) rotate(-59.04172deg); animation: collapse-5-6 5s ease-in infinite; } @keyframes collapse-5-6 { 41.53846%, 100% { transform: rotate(59.04172deg) translate(10.30776em) rotate(-59.04172deg); } } .square:nth-child(49) { transform: rotate(78.69134deg) translate(12.74755em) rotate(-78.69134deg); animation: collapse-5-7 5s ease-in infinite; } @keyframes collapse-5-7 { 41.53846%, 100% { transform: rotate(78.69134deg) translate(9.01388em) rotate(-78.69134deg); } } .square:nth-child(50) { transform: rotate(101.30866deg) translate(12.74755em) rotate(-101.30866deg); animation: collapse-5-8 5s ease-in infinite; } @keyframes collapse-5-8 { 41.53846%, 100% { transform: rotate(101.30866deg) translate(9.01388em) rotate(-101.30866deg); } } .square:nth-child(51) { transform: rotate(120.95828deg) translate(14.57738em) rotate(-120.95828deg); animation: collapse-5-9 5s ease-in infinite; } @keyframes collapse-5-9 { 41.53846%, 100% { transform: rotate(120.95828deg) translate(10.30776em) rotate(-120.95828deg); } } .square:nth-child(52) { transform: rotate(135.0186deg) translate(17.67767em) rotate(-135.0186deg); animation: collapse-5-10 5s ease-in infinite; } @keyframes collapse-5-10 { 41.53846%, 100% { transform: rotate(135.0186deg) translate(12.5em) rotate(-135.0186deg); } } .square:nth-child(53) { transform: rotate(149.04172deg) translate(14.57738em) rotate(-149.04172deg); animation: collapse-5-11 5s ease-in infinite; } @keyframes collapse-5-11 { 41.53846%, 100% { transform: rotate(149.04172deg) translate(10.30776em) rotate(-149.04172deg); } } .square:nth-child(54) { transform: rotate(168.69134deg) translate(12.74755em) rotate(-168.69134deg); animation: collapse-5-12 5s ease-in infinite; } @keyframes collapse-5-12 { 41.53846%, 100% { transform: rotate(168.69134deg) translate(9.01388em) rotate(-168.69134deg); } } .square:nth-child(55) { transform: rotate(191.30866deg) translate(12.74755em) rotate(-191.30866deg); animation: collapse-5-13 5s ease-in infinite; } @keyframes collapse-5-13 { 41.53846%, 100% { transform: rotate(191.30866deg) translate(9.01388em) rotate(-191.30866deg); } } .square:nth-child(56) { transform: rotate(210.95828deg) translate(14.57738em) rotate(-210.95828deg); animation: collapse-5-14 5s ease-in infinite; } @keyframes collapse-5-14 { 41.53846%, 100% { transform: rotate(210.95828deg) translate(10.30776em) rotate(-210.95828deg); } } .square:nth-child(57) { transform: rotate(225.0186deg) translate(17.67767em) rotate(-225.0186deg); animation: collapse-5-15 5s ease-in infinite; } @keyframes collapse-5-15 { 41.53846%, 100% { transform: rotate(225.0186deg) translate(12.5em) rotate(-225.0186deg); } } .square:nth-child(58) { transform: rotate(239.04172deg) translate(14.57738em) rotate(-239.04172deg); animation: collapse-5-16 5s ease-in infinite; } @keyframes collapse-5-16 { 41.53846%, 100% { transform: rotate(239.04172deg) translate(10.30776em) rotate(-239.04172deg); } } .square:nth-child(59) { transform: rotate(258.69134deg) translate(12.74755em) rotate(-258.69134deg); animation: collapse-5-17 5s ease-in infinite; } @keyframes collapse-5-17 { 41.53846%, 100% { transform: rotate(258.69134deg) translate(9.01388em) rotate(-258.69134deg); } } .square:nth-child(60) { transform: rotate(281.30866deg) translate(12.74755em) rotate(-281.30866deg); animation: collapse-5-18 5s ease-in infinite; } @keyframes collapse-5-18 { 41.53846%, 100% { transform: rotate(281.30866deg) translate(9.01388em) rotate(-281.30866deg); } } .square:nth-child(61) { transform: rotate(300.95828deg) translate(14.57738em) rotate(-300.95828deg); animation: collapse-5-19 5s ease-in infinite; } @keyframes collapse-5-19 { 41.53846%, 100% { transform: rotate(300.95828deg) translate(10.30776em) rotate(-300.95828deg); } } .square:nth-child(n + 62):before { animation-name: ani6; } @keyframes ani6 { 48.46154%, 100% { transform: rotate(45deg) scale(1); } } .square:nth-child(62) { transform: rotate(-44.9814deg) translate(21.2132em) rotate(44.9814deg); animation: collapse-6-0 5s ease-in infinite; } @keyframes collapse-6-0 { 48.46154%, 100% { transform: rotate(-44.9814deg) translate(15em) rotate(44.9814deg); } } .square:nth-child(63) { transform: rotate(-33.67883deg) translate(18.02776em) rotate(33.67883deg); animation: collapse-6-1 5s ease-in infinite; } @keyframes collapse-6-1 { 48.46154%, 100% { transform: rotate(-33.67883deg) translate(12.74755em) rotate(33.67883deg); } } .square:nth-child(64) { transform: rotate(-18.43408deg) translate(15.81139em) rotate(18.43408deg); animation: collapse-6-2 5s ease-in infinite; } @keyframes collapse-6-2 { 48.46154%, 100% { transform: rotate(-18.43408deg) translate(11.18034em) rotate(18.43408deg); } } .square:nth-child(65) { transform: rotate(0deg) translate(15em) rotate(0deg); animation: collapse-6-3 5s ease-in infinite; } @keyframes collapse-6-3 { 48.46154%, 100% { transform: rotate(0deg) translate(10.6066em) rotate(0deg); } } .square:nth-child(66) { transform: rotate(18.43408deg) translate(15.81139em) rotate(-18.43408deg); animation: collapse-6-4 5s ease-in infinite; } @keyframes collapse-6-4 { 48.46154%, 100% { transform: rotate(18.43408deg) translate(11.18034em) rotate(-18.43408deg); } } .square:nth-child(67) { transform: rotate(33.67883deg) translate(18.02776em) rotate(-33.67883deg); animation: collapse-6-5 5s ease-in infinite; } @keyframes collapse-6-5 { 48.46154%, 100% { transform: rotate(33.67883deg) translate(12.74755em) rotate(-33.67883deg); } } .square:nth-child(68) { transform: rotate(45.0186deg) translate(21.2132em) rotate(-45.0186deg); animation: collapse-6-6 5s ease-in infinite; } @keyframes collapse-6-6 { 48.46154%, 100% { transform: rotate(45.0186deg) translate(15em) rotate(-45.0186deg); } } .square:nth-child(69) { transform: rotate(56.32117deg) translate(18.02776em) rotate(-56.32117deg); animation: collapse-6-7 5s ease-in infinite; } @keyframes collapse-6-7 { 48.46154%, 100% { transform: rotate(56.32117deg) translate(12.74755em) rotate(-56.32117deg); } } .square:nth-child(70) { transform: rotate(71.56592deg) translate(15.81139em) rotate(-71.56592deg); animation: collapse-6-8 5s ease-in infinite; } @keyframes collapse-6-8 { 48.46154%, 100% { transform: rotate(71.56592deg) translate(11.18034em) rotate(-71.56592deg); } } .square:nth-child(71) { transform: rotate(90deg) translate(15em) rotate(-90deg); animation: collapse-6-9 5s ease-in infinite; } @keyframes collapse-6-9 { 48.46154%, 100% { transform: rotate(90deg) translate(10.6066em) rotate(-90deg); } } .square:nth-child(72) { transform: rotate(108.43408deg) translate(15.81139em) rotate(-108.43408deg); animation: collapse-6-10 5s ease-in infinite; } @keyframes collapse-6-10 { 48.46154%, 100% { transform: rotate(108.43408deg) translate(11.18034em) rotate(-108.43408deg); } } .square:nth-child(73) { transform: rotate(123.67883deg) translate(18.02776em) rotate(-123.67883deg); animation: collapse-6-11 5s ease-in infinite; } @keyframes collapse-6-11 { 48.46154%, 100% { transform: rotate(123.67883deg) translate(12.74755em) rotate(-123.67883deg); } } .square:nth-child(74) { transform: rotate(135.0186deg) translate(21.2132em) rotate(-135.0186deg); animation: collapse-6-12 5s ease-in infinite; } @keyframes collapse-6-12 { 48.46154%, 100% { transform: rotate(135.0186deg) translate(15em) rotate(-135.0186deg); } } .square:nth-child(75) { transform: rotate(146.32117deg) translate(18.02776em) rotate(-146.32117deg); animation: collapse-6-13 5s ease-in infinite; } @keyframes collapse-6-13 { 48.46154%, 100% { transform: rotate(146.32117deg) translate(12.74755em) rotate(-146.32117deg); } } .square:nth-child(76) { transform: rotate(161.56592deg) translate(15.81139em) rotate(-161.56592deg); animation: collapse-6-14 5s ease-in infinite; } @keyframes collapse-6-14 { 48.46154%, 100% { transform: rotate(161.56592deg) translate(11.18034em) rotate(-161.56592deg); } } .square:nth-child(77) { transform: rotate(180deg) translate(15em) rotate(-180deg); animation: collapse-6-15 5s ease-in infinite; } @keyframes collapse-6-15 { 48.46154%, 100% { transform: rotate(180deg) translate(10.6066em) rotate(-180deg); } } .square:nth-child(78) { transform: rotate(198.43408deg) translate(15.81139em) rotate(-198.43408deg); animation: collapse-6-16 5s ease-in infinite; } @keyframes collapse-6-16 { 48.46154%, 100% { transform: rotate(198.43408deg) translate(11.18034em) rotate(-198.43408deg); } } .square:nth-child(79) { transform: rotate(213.67883deg) translate(18.02776em) rotate(-213.67883deg); animation: collapse-6-17 5s ease-in infinite; } @keyframes collapse-6-17 { 48.46154%, 100% { transform: rotate(213.67883deg) translate(12.74755em) rotate(-213.67883deg); } } .square:nth-child(80) { transform: rotate(225.0186deg) translate(21.2132em) rotate(-225.0186deg); animation: collapse-6-18 5s ease-in infinite; } @keyframes collapse-6-18 { 48.46154%, 100% { transform: rotate(225.0186deg) translate(15em) rotate(-225.0186deg); } } .square:nth-child(81) { transform: rotate(236.32117deg) translate(18.02776em) rotate(-236.32117deg); animation: collapse-6-19 5s ease-in infinite; } @keyframes collapse-6-19 { 48.46154%, 100% { transform: rotate(236.32117deg) translate(12.74755em) rotate(-236.32117deg); } } .square:nth-child(82) { transform: rotate(251.56592deg) translate(15.81139em) rotate(-251.56592deg); animation: collapse-6-20 5s ease-in infinite; } @keyframes collapse-6-20 { 48.46154%, 100% { transform: rotate(251.56592deg) translate(11.18034em) rotate(-251.56592deg); } } .square:nth-child(83) { transform: rotate(270deg) translate(15em) rotate(-270deg); animation: collapse-6-21 5s ease-in infinite; } @keyframes collapse-6-21 { 48.46154%, 100% { transform: rotate(270deg) translate(10.6066em) rotate(-270deg); } } .square:nth-child(84) { transform: rotate(288.43408deg) translate(15.81139em) rotate(-288.43408deg); animation: collapse-6-22 5s ease-in infinite; } @keyframes collapse-6-22 { 48.46154%, 100% { transform: rotate(288.43408deg) translate(11.18034em) rotate(-288.43408deg); } } .square:nth-child(85) { transform: rotate(303.67883deg) translate(18.02776em) rotate(-303.67883deg); animation: collapse-6-23 5s ease-in infinite; } @keyframes collapse-6-23 { 48.46154%, 100% { transform: rotate(303.67883deg) translate(12.74755em) rotate(-303.67883deg); } } .square:nth-child(n + 86):before { animation-name: ani7; } @keyframes ani7 { 55.38462%, 100% { transform: rotate(45deg) scale(0); } } .square:nth-child(86) { transform: rotate(-44.9814deg) translate(24.74874em) rotate(44.9814deg); animation: collapse-7-0 5s ease-in infinite; } @keyframes collapse-7-0 { 55.38462%, 100% { transform: rotate(-44.9814deg) translate(17.5em) rotate(44.9814deg); } } .square:nth-child(87) { transform: rotate(-35.53321deg) translate(21.50581em) rotate(35.53321deg); animation: collapse-7-1 5s ease-in infinite; } @keyframes collapse-7-1 { 55.38462%, 100% { transform: rotate(-35.53321deg) translate(15.20691em) rotate(35.53321deg); } } .square:nth-child(88) { transform: rotate(-23.19438deg) translate(19.03943em) rotate(23.19438deg); animation: collapse-7-2 5s ease-in infinite; } @keyframes collapse-7-2 { 55.38462%, 100% { transform: rotate(-23.19438deg) translate(13.46291em) rotate(23.19438deg); } } .square:nth-child(89) { transform: rotate(-8.12986deg) translate(17.67767em) rotate(8.12986deg); animation: collapse-7-3 5s ease-in infinite; } @keyframes collapse-7-3 { 55.38462%, 100% { transform: rotate(-8.12986deg) translate(12.5em) rotate(8.12986deg); } } .square:nth-child(90) { transform: rotate(8.12986deg) translate(17.67767em) rotate(-8.12986deg); animation: collapse-7-4 5s ease-in infinite; } @keyframes collapse-7-4 { 55.38462%, 100% { transform: rotate(8.12986deg) translate(12.5em) rotate(-8.12986deg); } } .square:nth-child(91) { transform: rotate(23.19438deg) translate(19.03943em) rotate(-23.19438deg); animation: collapse-7-5 5s ease-in infinite; } @keyframes collapse-7-5 { 55.38462%, 100% { transform: rotate(23.19438deg) translate(13.46291em) rotate(-23.19438deg); } } .square:nth-child(92) { transform: rotate(35.53321deg) translate(21.50581em) rotate(-35.53321deg); animation: collapse-7-6 5s ease-in infinite; } @keyframes collapse-7-6 { 55.38462%, 100% { transform: rotate(35.53321deg) translate(15.20691em) rotate(-35.53321deg); } } .square:nth-child(93) { transform: rotate(45.0186deg) translate(24.74874em) rotate(-45.0186deg); animation: collapse-7-7 5s ease-in infinite; } @keyframes collapse-7-7 { 55.38462%, 100% { transform: rotate(45.0186deg) translate(17.5em) rotate(-45.0186deg); } } .square:nth-child(94) { transform: rotate(54.46679deg) translate(21.50581em) rotate(-54.46679deg); animation: collapse-7-8 5s ease-in infinite; } @keyframes collapse-7-8 { 55.38462%, 100% { transform: rotate(54.46679deg) translate(15.20691em) rotate(-54.46679deg); } } .square:nth-child(95) { transform: rotate(66.80562deg) translate(19.03943em) rotate(-66.80562deg); animation: collapse-7-9 5s ease-in infinite; } @keyframes collapse-7-9 { 55.38462%, 100% { transform: rotate(66.80562deg) translate(13.46291em) rotate(-66.80562deg); } } .square:nth-child(96) { transform: rotate(81.87014deg) translate(17.67767em) rotate(-81.87014deg); animation: collapse-7-10 5s ease-in infinite; } @keyframes collapse-7-10 { 55.38462%, 100% { transform: rotate(81.87014deg) translate(12.5em) rotate(-81.87014deg); } } .square:nth-child(97) { transform: rotate(98.12986deg) translate(17.67767em) rotate(-98.12986deg); animation: collapse-7-11 5s ease-in infinite; } @keyframes collapse-7-11 { 55.38462%, 100% { transform: rotate(98.12986deg) translate(12.5em) rotate(-98.12986deg); } } .square:nth-child(98) { transform: rotate(113.19438deg) translate(19.03943em) rotate(-113.19438deg); animation: collapse-7-12 5s ease-in infinite; } @keyframes collapse-7-12 { 55.38462%, 100% { transform: rotate(113.19438deg) translate(13.46291em) rotate(-113.19438deg); } } .square:nth-child(99) { transform: rotate(125.53321deg) translate(21.50581em) rotate(-125.53321deg); animation: collapse-7-13 5s ease-in infinite; } @keyframes collapse-7-13 { 55.38462%, 100% { transform: rotate(125.53321deg) translate(15.20691em) rotate(-125.53321deg); } } .square:nth-child(100) { transform: rotate(135.0186deg) translate(24.74874em) rotate(-135.0186deg); animation: collapse-7-14 5s ease-in infinite; } @keyframes collapse-7-14 { 55.38462%, 100% { transform: rotate(135.0186deg) translate(17.5em) rotate(-135.0186deg); } } .square:nth-child(101) { transform: rotate(144.46679deg) translate(21.50581em) rotate(-144.46679deg); animation: collapse-7-15 5s ease-in infinite; } @keyframes collapse-7-15 { 55.38462%, 100% { transform: rotate(144.46679deg) translate(15.20691em) rotate(-144.46679deg); } } .square:nth-child(102) { transform: rotate(156.80562deg) translate(19.03943em) rotate(-156.80562deg); animation: collapse-7-16 5s ease-in infinite; } @keyframes collapse-7-16 { 55.38462%, 100% { transform: rotate(156.80562deg) translate(13.46291em) rotate(-156.80562deg); } } .square:nth-child(103) { transform: rotate(171.87014deg) translate(17.67767em) rotate(-171.87014deg); animation: collapse-7-17 5s ease-in infinite; } @keyframes collapse-7-17 { 55.38462%, 100% { transform: rotate(171.87014deg) translate(12.5em) rotate(-171.87014deg); } } .square:nth-child(104) { transform: rotate(188.12986deg) translate(17.67767em) rotate(-188.12986deg); animation: collapse-7-18 5s ease-in infinite; } @keyframes collapse-7-18 { 55.38462%, 100% { transform: rotate(188.12986deg) translate(12.5em) rotate(-188.12986deg); } } .square:nth-child(105) { transform: rotate(203.19438deg) translate(19.03943em) rotate(-203.19438deg); animation: collapse-7-19 5s ease-in infinite; } @keyframes collapse-7-19 { 55.38462%, 100% { transform: rotate(203.19438deg) translate(13.46291em) rotate(-203.19438deg); } } .square:nth-child(106) { transform: rotate(215.53321deg) translate(21.50581em) rotate(-215.53321deg); animation: collapse-7-20 5s ease-in infinite; } @keyframes collapse-7-20 { 55.38462%, 100% { transform: rotate(215.53321deg) translate(15.20691em) rotate(-215.53321deg); } } .square:nth-child(107) { transform: rotate(225.0186deg) translate(24.74874em) rotate(-225.0186deg); animation: collapse-7-21 5s ease-in infinite; } @keyframes collapse-7-21 { 55.38462%, 100% { transform: rotate(225.0186deg) translate(17.5em) rotate(-225.0186deg); } } .square:nth-child(108) { transform: rotate(234.46679deg) translate(21.50581em) rotate(-234.46679deg); animation: collapse-7-22 5s ease-in infinite; } @keyframes collapse-7-22 { 55.38462%, 100% { transform: rotate(234.46679deg) translate(15.20691em) rotate(-234.46679deg); } } .square:nth-child(109) { transform: rotate(246.80562deg) translate(19.03943em) rotate(-246.80562deg); animation: collapse-7-23 5s ease-in infinite; } @keyframes collapse-7-23 { 55.38462%, 100% { transform: rotate(246.80562deg) translate(13.46291em) rotate(-246.80562deg); } } .square:nth-child(110) { transform: rotate(261.87014deg) translate(17.67767em) rotate(-261.87014deg); animation: collapse-7-24 5s ease-in infinite; } @keyframes collapse-7-24 { 55.38462%, 100% { transform: rotate(261.87014deg) translate(12.5em) rotate(-261.87014deg); } } .square:nth-child(111) { transform: rotate(278.12986deg) translate(17.67767em) rotate(-278.12986deg); animation: collapse-7-25 5s ease-in infinite; } @keyframes collapse-7-25 { 55.38462%, 100% { transform: rotate(278.12986deg) translate(12.5em) rotate(-278.12986deg); } } .square:nth-child(112) { transform: rotate(293.19438deg) translate(19.03943em) rotate(-293.19438deg); animation: collapse-7-26 5s ease-in infinite; } @keyframes collapse-7-26 { 55.38462%, 100% { transform: rotate(293.19438deg) translate(13.46291em) rotate(-293.19438deg); } } .square:nth-child(113) { transform: rotate(305.53321deg) translate(21.50581em) rotate(-305.53321deg); animation: collapse-7-27 5s ease-in infinite; } @keyframes collapse-7-27 { 55.38462%, 100% { transform: rotate(305.53321deg) translate(15.20691em) rotate(-305.53321deg); } } .square:nth-child(n + 114):before { animation-name: ani8; } @keyframes ani8 { 62.30769%, 100% { transform: rotate(45deg) scale(1); } } .square:nth-child(114) { transform: rotate(-44.9814deg) translate(28.28427em) rotate(44.9814deg); animation: collapse-8-0 5s ease-in infinite; } @keyframes collapse-8-0 { 62.30769%, 100% { transform: rotate(-44.9814deg) translate(20em) rotate(44.9814deg); } } .square:nth-child(115) { transform: rotate(-36.86341deg) translate(25em) rotate(36.86341deg); animation: collapse-8-1 5s ease-in infinite; } @keyframes collapse-8-1 { 62.30769%, 100% { transform: rotate(-36.86341deg) translate(17.67767em) rotate(36.86341deg); } } .square:nth-child(116) { transform: rotate(-26.55444deg) translate(22.36068em) rotate(26.55444deg); animation: collapse-8-2 5s ease-in infinite; } @keyframes collapse-8-2 { 62.30769%, 100% { transform: rotate(-26.55444deg) translate(15.81139em) rotate(26.55444deg); } } .square:nth-child(117) { transform: rotate(-14.03251deg) translate(20.61553em) rotate(14.03251deg); animation: collapse-8-3 5s ease-in infinite; } @keyframes collapse-8-3 { 62.30769%, 100% { transform: rotate(-14.03251deg) translate(14.57738em) rotate(14.03251deg); } } .square:nth-child(118) { transform: rotate(0deg) translate(20em) rotate(0deg); animation: collapse-8-4 5s ease-in infinite; } @keyframes collapse-8-4 { 62.30769%, 100% { transform: rotate(0deg) translate(14.14214em) rotate(0deg); } } .square:nth-child(119) { transform: rotate(14.03251deg) translate(20.61553em) rotate(-14.03251deg); animation: collapse-8-5 5s ease-in infinite; } @keyframes collapse-8-5 { 62.30769%, 100% { transform: rotate(14.03251deg) translate(14.57738em) rotate(-14.03251deg); } } .square:nth-child(120) { transform: rotate(26.55444deg) translate(22.36068em) rotate(-26.55444deg); animation: collapse-8-6 5s ease-in infinite; } @keyframes collapse-8-6 { 62.30769%, 100% { transform: rotate(26.55444deg) translate(15.81139em) rotate(-26.55444deg); } } .square:nth-child(121) { transform: rotate(36.86341deg) translate(25em) rotate(-36.86341deg); animation: collapse-8-7 5s ease-in infinite; } @keyframes collapse-8-7 { 62.30769%, 100% { transform: rotate(36.86341deg) translate(17.67767em) rotate(-36.86341deg); } } .square:nth-child(122) { transform: rotate(45.0186deg) translate(28.28427em) rotate(-45.0186deg); animation: collapse-8-8 5s ease-in infinite; } @keyframes collapse-8-8 { 62.30769%, 100% { transform: rotate(45.0186deg) translate(20em) rotate(-45.0186deg); } } .square:nth-child(123) { transform: rotate(53.13659deg) translate(25em) rotate(-53.13659deg); animation: collapse-8-9 5s ease-in infinite; } @keyframes collapse-8-9 { 62.30769%, 100% { transform: rotate(53.13659deg) translate(17.67767em) rotate(-53.13659deg); } } .square:nth-child(124) { transform: rotate(63.44556deg) translate(22.36068em) rotate(-63.44556deg); animation: collapse-8-10 5s ease-in infinite; } @keyframes collapse-8-10 { 62.30769%, 100% { transform: rotate(63.44556deg) translate(15.81139em) rotate(-63.44556deg); } } .square:nth-child(125) { transform: rotate(75.96749deg) translate(20.61553em) rotate(-75.96749deg); animation: collapse-8-11 5s ease-in infinite; } @keyframes collapse-8-11 { 62.30769%, 100% { transform: rotate(75.96749deg) translate(14.57738em) rotate(-75.96749deg); } } .square:nth-child(126) { transform: rotate(90deg) translate(20em) rotate(-90deg); animation: collapse-8-12 5s ease-in infinite; } @keyframes collapse-8-12 { 62.30769%, 100% { transform: rotate(90deg) translate(14.14214em) rotate(-90deg); } } .square:nth-child(127) { transform: rotate(104.03251deg) translate(20.61553em) rotate(-104.03251deg); animation: collapse-8-13 5s ease-in infinite; } @keyframes collapse-8-13 { 62.30769%, 100% { transform: rotate(104.03251deg) translate(14.57738em) rotate(-104.03251deg); } } .square:nth-child(128) { transform: rotate(116.55444deg) translate(22.36068em) rotate(-116.55444deg); animation: collapse-8-14 5s ease-in infinite; } @keyframes collapse-8-14 { 62.30769%, 100% { transform: rotate(116.55444deg) translate(15.81139em) rotate(-116.55444deg); } } .square:nth-child(129) { transform: rotate(126.86341deg) translate(25em) rotate(-126.86341deg); animation: collapse-8-15 5s ease-in infinite; } @keyframes collapse-8-15 { 62.30769%, 100% { transform: rotate(126.86341deg) translate(17.67767em) rotate(-126.86341deg); } } .square:nth-child(130) { transform: rotate(135.0186deg) translate(28.28427em) rotate(-135.0186deg); animation: collapse-8-16 5s ease-in infinite; } @keyframes collapse-8-16 { 62.30769%, 100% { transform: rotate(135.0186deg) translate(20em) rotate(-135.0186deg); } } .square:nth-child(131) { transform: rotate(143.13659deg) translate(25em) rotate(-143.13659deg); animation: collapse-8-17 5s ease-in infinite; } @keyframes collapse-8-17 { 62.30769%, 100% { transform: rotate(143.13659deg) translate(17.67767em) rotate(-143.13659deg); } } .square:nth-child(132) { transform: rotate(153.44556deg) translate(22.36068em) rotate(-153.44556deg); animation: collapse-8-18 5s ease-in infinite; } @keyframes collapse-8-18 { 62.30769%, 100% { transform: rotate(153.44556deg) translate(15.81139em) rotate(-153.44556deg); } } .square:nth-child(133) { transform: rotate(165.96749deg) translate(20.61553em) rotate(-165.96749deg); animation: collapse-8-19 5s ease-in infinite; } @keyframes collapse-8-19 { 62.30769%, 100% { transform: rotate(165.96749deg) translate(14.57738em) rotate(-165.96749deg); } } .square:nth-child(134) { transform: rotate(180deg) translate(20em) rotate(-180deg); animation: collapse-8-20 5s ease-in infinite; } @keyframes collapse-8-20 { 62.30769%, 100% { transform: rotate(180deg) translate(14.14214em) rotate(-180deg); } } .square:nth-child(135) { transform: rotate(194.03251deg) translate(20.61553em) rotate(-194.03251deg); animation: collapse-8-21 5s ease-in infinite; } @keyframes collapse-8-21 { 62.30769%, 100% { transform: rotate(194.03251deg) translate(14.57738em) rotate(-194.03251deg); } } .square:nth-child(136) { transform: rotate(206.55444deg) translate(22.36068em) rotate(-206.55444deg); animation: collapse-8-22 5s ease-in infinite; } @keyframes collapse-8-22 { 62.30769%, 100% { transform: rotate(206.55444deg) translate(15.81139em) rotate(-206.55444deg); } } .square:nth-child(137) { transform: rotate(216.86341deg) translate(25em) rotate(-216.86341deg); animation: collapse-8-23 5s ease-in infinite; } @keyframes collapse-8-23 { 62.30769%, 100% { transform: rotate(216.86341deg) translate(17.67767em) rotate(-216.86341deg); } } .square:nth-child(138) { transform: rotate(225.0186deg) translate(28.28427em) rotate(-225.0186deg); animation: collapse-8-24 5s ease-in infinite; } @keyframes collapse-8-24 { 62.30769%, 100% { transform: rotate(225.0186deg) translate(20em) rotate(-225.0186deg); } } .square:nth-child(139) { transform: rotate(233.13659deg) translate(25em) rotate(-233.13659deg); animation: collapse-8-25 5s ease-in infinite; } @keyframes collapse-8-25 { 62.30769%, 100% { transform: rotate(233.13659deg) translate(17.67767em) rotate(-233.13659deg); } } .square:nth-child(140) { transform: rotate(243.44556deg) translate(22.36068em) rotate(-243.44556deg); animation: collapse-8-26 5s ease-in infinite; } @keyframes collapse-8-26 { 62.30769%, 100% { transform: rotate(243.44556deg) translate(15.81139em) rotate(-243.44556deg); } } .square:nth-child(141) { transform: rotate(255.96749deg) translate(20.61553em) rotate(-255.96749deg); animation: collapse-8-27 5s ease-in infinite; } @keyframes collapse-8-27 { 62.30769%, 100% { transform: rotate(255.96749deg) translate(14.57738em) rotate(-255.96749deg); } } .square:nth-child(142) { transform: rotate(270deg) translate(20em) rotate(-270deg); animation: collapse-8-28 5s ease-in infinite; } @keyframes collapse-8-28 { 62.30769%, 100% { transform: rotate(270deg) translate(14.14214em) rotate(-270deg); } } .square:nth-child(143) { transform: rotate(284.03251deg) translate(20.61553em) rotate(-284.03251deg); animation: collapse-8-29 5s ease-in infinite; } @keyframes collapse-8-29 { 62.30769%, 100% { transform: rotate(284.03251deg) translate(14.57738em) rotate(-284.03251deg); } } .square:nth-child(144) { transform: rotate(296.55444deg) translate(22.36068em) rotate(-296.55444deg); animation: collapse-8-30 5s ease-in infinite; } @keyframes collapse-8-30 { 62.30769%, 100% { transform: rotate(296.55444deg) translate(15.81139em) rotate(-296.55444deg); } } .square:nth-child(145) { transform: rotate(306.86341deg) translate(25em) rotate(-306.86341deg); animation: collapse-8-31 5s ease-in infinite; } @keyframes collapse-8-31 { 62.30769%, 100% { transform: rotate(306.86341deg) translate(17.67767em) rotate(-306.86341deg); } } .square:nth-child(n + 146):before { animation-name: ani9; } @keyframes ani9 { 69.23077%, 100% { transform: rotate(45deg) scale(0); } } .square:nth-child(146) { transform: rotate(-44.9814deg) translate(31.81981em) rotate(44.9814deg); animation: collapse-9-0 5s ease-in infinite; } @keyframes collapse-9-0 { 69.23077%, 100% { transform: rotate(-44.9814deg) translate(22.5em) rotate(44.9814deg); } } .square:nth-child(147) { transform: rotate(-37.86647deg) translate(28.50439em) rotate(37.86647deg); animation: collapse-9-1 5s ease-in infinite; } @keyframes collapse-9-1 { 69.23077%, 100% { transform: rotate(-37.86647deg) translate(20.15564em) rotate(37.86647deg); } } .square:nth-child(148) { transform: rotate(-29.05143deg) translate(25.73908em) rotate(29.05143deg); animation: collapse-9-2 5s ease-in infinite; } @keyframes collapse-9-2 { 69.23077%, 100% { transform: rotate(-29.05143deg) translate(18.20027em) rotate(29.05143deg); } } .square:nth-child(149) { transform: rotate(-18.43408deg) translate(23.71708em) rotate(18.43408deg); animation: collapse-9-3 5s ease-in infinite; } @keyframes collapse-9-3 { 69.23077%, 100% { transform: rotate(-18.43408deg) translate(16.77051em) rotate(18.43408deg); } } .square:nth-child(150) { transform: rotate(-6.34012deg) translate(22.63846em) rotate(6.34012deg); animation: collapse-9-4 5s ease-in infinite; } @keyframes collapse-9-4 { 69.23077%, 100% { transform: rotate(-6.34012deg) translate(16.00781em) rotate(6.34012deg); } } .square:nth-child(151) { transform: rotate(6.34012deg) translate(22.63846em) rotate(-6.34012deg); animation: collapse-9-5 5s ease-in infinite; } @keyframes collapse-9-5 { 69.23077%, 100% { transform: rotate(6.34012deg) translate(16.00781em) rotate(-6.34012deg); } } .square:nth-child(152) { transform: rotate(18.43408deg) translate(23.71708em) rotate(-18.43408deg); animation: collapse-9-6 5s ease-in infinite; } @keyframes collapse-9-6 { 69.23077%, 100% { transform: rotate(18.43408deg) translate(16.77051em) rotate(-18.43408deg); } } .square:nth-child(153) { transform: rotate(29.05143deg) translate(25.73908em) rotate(-29.05143deg); animation: collapse-9-7 5s ease-in infinite; } @keyframes collapse-9-7 { 69.23077%, 100% { transform: rotate(29.05143deg) translate(18.20027em) rotate(-29.05143deg); } } .square:nth-child(154) { transform: rotate(37.86647deg) translate(28.50439em) rotate(-37.86647deg); animation: collapse-9-8 5s ease-in infinite; } @keyframes collapse-9-8 { 69.23077%, 100% { transform: rotate(37.86647deg) translate(20.15564em) rotate(-37.86647deg); } } .square:nth-child(155) { transform: rotate(45.0186deg) translate(31.81981em) rotate(-45.0186deg); animation: collapse-9-9 5s ease-in infinite; } @keyframes collapse-9-9 { 69.23077%, 100% { transform: rotate(45.0186deg) translate(22.5em) rotate(-45.0186deg); } } .square:nth-child(156) { transform: rotate(52.13353deg) translate(28.50439em) rotate(-52.13353deg); animation: collapse-9-10 5s ease-in infinite; } @keyframes collapse-9-10 { 69.23077%, 100% { transform: rotate(52.13353deg) translate(20.15564em) rotate(-52.13353deg); } } .square:nth-child(157) { transform: rotate(60.94857deg) translate(25.73908em) rotate(-60.94857deg); animation: collapse-9-11 5s ease-in infinite; } @keyframes collapse-9-11 { 69.23077%, 100% { transform: rotate(60.94857deg) translate(18.20027em) rotate(-60.94857deg); } } .square:nth-child(158) { transform: rotate(71.56592deg) translate(23.71708em) rotate(-71.56592deg); animation: collapse-9-12 5s ease-in infinite; } @keyframes collapse-9-12 { 69.23077%, 100% { transform: rotate(71.56592deg) translate(16.77051em) rotate(-71.56592deg); } } .square:nth-child(159) { transform: rotate(83.65988deg) translate(22.63846em) rotate(-83.65988deg); animation: collapse-9-13 5s ease-in infinite; } @keyframes collapse-9-13 { 69.23077%, 100% { transform: rotate(83.65988deg) translate(16.00781em) rotate(-83.65988deg); } } .square:nth-child(160) { transform: rotate(96.34012deg) translate(22.63846em) rotate(-96.34012deg); animation: collapse-9-14 5s ease-in infinite; } @keyframes collapse-9-14 { 69.23077%, 100% { transform: rotate(96.34012deg) translate(16.00781em) rotate(-96.34012deg); } } .square:nth-child(161) { transform: rotate(108.43408deg) translate(23.71708em) rotate(-108.43408deg); animation: collapse-9-15 5s ease-in infinite; } @keyframes collapse-9-15 { 69.23077%, 100% { transform: rotate(108.43408deg) translate(16.77051em) rotate(-108.43408deg); } } .square:nth-child(162) { transform: rotate(119.05143deg) translate(25.73908em) rotate(-119.05143deg); animation: collapse-9-16 5s ease-in infinite; } @keyframes collapse-9-16 { 69.23077%, 100% { transform: rotate(119.05143deg) translate(18.20027em) rotate(-119.05143deg); } } .square:nth-child(163) { transform: rotate(127.86647deg) translate(28.50439em) rotate(-127.86647deg); animation: collapse-9-17 5s ease-in infinite; } @keyframes collapse-9-17 { 69.23077%, 100% { transform: rotate(127.86647deg) translate(20.15564em) rotate(-127.86647deg); } } .square:nth-child(164) { transform: rotate(135.0186deg) translate(31.81981em) rotate(-135.0186deg); animation: collapse-9-18 5s ease-in infinite; } @keyframes collapse-9-18 { 69.23077%, 100% { transform: rotate(135.0186deg) translate(22.5em) rotate(-135.0186deg); } } .square:nth-child(165) { transform: rotate(142.13353deg) translate(28.50439em) rotate(-142.13353deg); animation: collapse-9-19 5s ease-in infinite; } @keyframes collapse-9-19 { 69.23077%, 100% { transform: rotate(142.13353deg) translate(20.15564em) rotate(-142.13353deg); } } .square:nth-child(166) { transform: rotate(150.94857deg) translate(25.73908em) rotate(-150.94857deg); animation: collapse-9-20 5s ease-in infinite; } @keyframes collapse-9-20 { 69.23077%, 100% { transform: rotate(150.94857deg) translate(18.20027em) rotate(-150.94857deg); } } .square:nth-child(167) { transform: rotate(161.56592deg) translate(23.71708em) rotate(-161.56592deg); animation: collapse-9-21 5s ease-in infinite; } @keyframes collapse-9-21 { 69.23077%, 100% { transform: rotate(161.56592deg) translate(16.77051em) rotate(-161.56592deg); } } .square:nth-child(168) { transform: rotate(173.65988deg) translate(22.63846em) rotate(-173.65988deg); animation: collapse-9-22 5s ease-in infinite; } @keyframes collapse-9-22 { 69.23077%, 100% { transform: rotate(173.65988deg) translate(16.00781em) rotate(-173.65988deg); } } .square:nth-child(169) { transform: rotate(186.34012deg) translate(22.63846em) rotate(-186.34012deg); animation: collapse-9-23 5s ease-in infinite; } @keyframes collapse-9-23 { 69.23077%, 100% { transform: rotate(186.34012deg) translate(16.00781em) rotate(-186.34012deg); } } .square:nth-child(170) { transform: rotate(198.43408deg) translate(23.71708em) rotate(-198.43408deg); animation: collapse-9-24 5s ease-in infinite; } @keyframes collapse-9-24 { 69.23077%, 100% { transform: rotate(198.43408deg) translate(16.77051em) rotate(-198.43408deg); } } .square:nth-child(171) { transform: rotate(209.05143deg) translate(25.73908em) rotate(-209.05143deg); animation: collapse-9-25 5s ease-in infinite; } @keyframes collapse-9-25 { 69.23077%, 100% { transform: rotate(209.05143deg) translate(18.20027em) rotate(-209.05143deg); } } .square:nth-child(172) { transform: rotate(217.86647deg) translate(28.50439em) rotate(-217.86647deg); animation: collapse-9-26 5s ease-in infinite; } @keyframes collapse-9-26 { 69.23077%, 100% { transform: rotate(217.86647deg) translate(20.15564em) rotate(-217.86647deg); } } .square:nth-child(173) { transform: rotate(225.0186deg) translate(31.81981em) rotate(-225.0186deg); animation: collapse-9-27 5s ease-in infinite; } @keyframes collapse-9-27 { 69.23077%, 100% { transform: rotate(225.0186deg) translate(22.5em) rotate(-225.0186deg); } } .square:nth-child(174) { transform: rotate(232.13353deg) translate(28.50439em) rotate(-232.13353deg); animation: collapse-9-28 5s ease-in infinite; } @keyframes collapse-9-28 { 69.23077%, 100% { transform: rotate(232.13353deg) translate(20.15564em) rotate(-232.13353deg); } } .square:nth-child(175) { transform: rotate(240.94857deg) translate(25.73908em) rotate(-240.94857deg); animation: collapse-9-29 5s ease-in infinite; } @keyframes collapse-9-29 { 69.23077%, 100% { transform: rotate(240.94857deg) translate(18.20027em) rotate(-240.94857deg); } } .square:nth-child(176) { transform: rotate(251.56592deg) translate(23.71708em) rotate(-251.56592deg); animation: collapse-9-30 5s ease-in infinite; } @keyframes collapse-9-30 { 69.23077%, 100% { transform: rotate(251.56592deg) translate(16.77051em) rotate(-251.56592deg); } } .square:nth-child(177) { transform: rotate(263.65988deg) translate(22.63846em) rotate(-263.65988deg); animation: collapse-9-31 5s ease-in infinite; } @keyframes collapse-9-31 { 69.23077%, 100% { transform: rotate(263.65988deg) translate(16.00781em) rotate(-263.65988deg); } } .square:nth-child(178) { transform: rotate(276.34012deg) translate(22.63846em) rotate(-276.34012deg); animation: collapse-9-32 5s ease-in infinite; } @keyframes collapse-9-32 { 69.23077%, 100% { transform: rotate(276.34012deg) translate(16.00781em) rotate(-276.34012deg); } } .square:nth-child(179) { transform: rotate(288.43408deg) translate(23.71708em) rotate(-288.43408deg); animation: collapse-9-33 5s ease-in infinite; } @keyframes collapse-9-33 { 69.23077%, 100% { transform: rotate(288.43408deg) translate(16.77051em) rotate(-288.43408deg); } } .square:nth-child(180) { transform: rotate(299.05143deg) translate(25.73908em) rotate(-299.05143deg); animation: collapse-9-34 5s ease-in infinite; } @keyframes collapse-9-34 { 69.23077%, 100% { transform: rotate(299.05143deg) translate(18.20027em) rotate(-299.05143deg); } } .square:nth-child(181) { transform: rotate(307.86647deg) translate(28.50439em) rotate(-307.86647deg); animation: collapse-9-35 5s ease-in infinite; } @keyframes collapse-9-35 { 69.23077%, 100% { transform: rotate(307.86647deg) translate(20.15564em) rotate(-307.86647deg); } } .square:nth-child(n + 182):before { animation-name: ani10; } @keyframes ani10 { 76.15385%, 100% { transform: rotate(45deg) scale(1); } } .square:nth-child(182) { transform: rotate(-44.9814deg) translate(35.35534em) rotate(44.9814deg); animation: collapse-10-0 5s ease-in infinite; } @keyframes collapse-10-0 { 76.15385%, 100% { transform: rotate(-44.9814deg) translate(25em) rotate(44.9814deg); } } .square:nth-child(183) { transform: rotate(-38.64935deg) translate(32.01562em) rotate(38.64935deg); animation: collapse-10-1 5s ease-in infinite; } @keyframes collapse-10-1 { 76.15385%, 100% { transform: rotate(-38.64935deg) translate(22.63846em) rotate(38.64935deg); } } .square:nth-child(184) { transform: rotate(-30.95828deg) translate(29.15476em) rotate(30.95828deg); animation: collapse-10-2 5s ease-in infinite; } @keyframes collapse-10-2 { 76.15385%, 100% { transform: rotate(-30.95828deg) translate(20.61553em) rotate(30.95828deg); } } .square:nth-child(185) { transform: rotate(-21.79866deg) translate(26.92582em) rotate(21.79866deg); animation: collapse-10-3 5s ease-in infinite; } @keyframes collapse-10-3 { 76.15385%, 100% { transform: rotate(-21.79866deg) translate(19.03943em) rotate(21.79866deg); } } .square:nth-child(186) { transform: rotate(-11.30866deg) translate(25.4951em) rotate(11.30866deg); animation: collapse-10-4 5s ease-in infinite; } @keyframes collapse-10-4 { 76.15385%, 100% { transform: rotate(-11.30866deg) translate(18.02776em) rotate(11.30866deg); } } .square:nth-child(187) { transform: rotate(0deg) translate(25em) rotate(0deg); animation: collapse-10-5 5s ease-in infinite; } @keyframes collapse-10-5 { 76.15385%, 100% { transform: rotate(0deg) translate(17.67767em) rotate(0deg); } } .square:nth-child(188) { transform: rotate(11.30866deg) translate(25.4951em) rotate(-11.30866deg); animation: collapse-10-6 5s ease-in infinite; } @keyframes collapse-10-6 { 76.15385%, 100% { transform: rotate(11.30866deg) translate(18.02776em) rotate(-11.30866deg); } } .square:nth-child(189) { transform: rotate(21.79866deg) translate(26.92582em) rotate(-21.79866deg); animation: collapse-10-7 5s ease-in infinite; } @keyframes collapse-10-7 { 76.15385%, 100% { transform: rotate(21.79866deg) translate(19.03943em) rotate(-21.79866deg); } } .square:nth-child(190) { transform: rotate(30.95828deg) translate(29.15476em) rotate(-30.95828deg); animation: collapse-10-8 5s ease-in infinite; } @keyframes collapse-10-8 { 76.15385%, 100% { transform: rotate(30.95828deg) translate(20.61553em) rotate(-30.95828deg); } } .square:nth-child(191) { transform: rotate(38.64935deg) translate(32.01562em) rotate(-38.64935deg); animation: collapse-10-9 5s ease-in infinite; } @keyframes collapse-10-9 { 76.15385%, 100% { transform: rotate(38.64935deg) translate(22.63846em) rotate(-38.64935deg); } } .square:nth-child(192) { transform: rotate(45.0186deg) translate(35.35534em) rotate(-45.0186deg); animation: collapse-10-10 5s ease-in infinite; } @keyframes collapse-10-10 { 76.15385%, 100% { transform: rotate(45.0186deg) translate(25em) rotate(-45.0186deg); } } .square:nth-child(193) { transform: rotate(51.35065deg) translate(32.01562em) rotate(-51.35065deg); animation: collapse-10-11 5s ease-in infinite; } @keyframes collapse-10-11 { 76.15385%, 100% { transform: rotate(51.35065deg) translate(22.63846em) rotate(-51.35065deg); } } .square:nth-child(194) { transform: rotate(59.04172deg) translate(29.15476em) rotate(-59.04172deg); animation: collapse-10-12 5s ease-in infinite; } @keyframes collapse-10-12 { 76.15385%, 100% { transform: rotate(59.04172deg) translate(20.61553em) rotate(-59.04172deg); } } .square:nth-child(195) { transform: rotate(68.20134deg) translate(26.92582em) rotate(-68.20134deg); animation: collapse-10-13 5s ease-in infinite; } @keyframes collapse-10-13 { 76.15385%, 100% { transform: rotate(68.20134deg) translate(19.03943em) rotate(-68.20134deg); } } .square:nth-child(196) { transform: rotate(78.69134deg) translate(25.4951em) rotate(-78.69134deg); animation: collapse-10-14 5s ease-in infinite; } @keyframes collapse-10-14 { 76.15385%, 100% { transform: rotate(78.69134deg) translate(18.02776em) rotate(-78.69134deg); } } .square:nth-child(197) { transform: rotate(90deg) translate(25em) rotate(-90deg); animation: collapse-10-15 5s ease-in infinite; } @keyframes collapse-10-15 { 76.15385%, 100% { transform: rotate(90deg) translate(17.67767em) rotate(-90deg); } } .square:nth-child(198) { transform: rotate(101.30866deg) translate(25.4951em) rotate(-101.30866deg); animation: collapse-10-16 5s ease-in infinite; } @keyframes collapse-10-16 { 76.15385%, 100% { transform: rotate(101.30866deg) translate(18.02776em) rotate(-101.30866deg); } } .square:nth-child(199) { transform: rotate(111.79866deg) translate(26.92582em) rotate(-111.79866deg); animation: collapse-10-17 5s ease-in infinite; } @keyframes collapse-10-17 { 76.15385%, 100% { transform: rotate(111.79866deg) translate(19.03943em) rotate(-111.79866deg); } } .square:nth-child(200) { transform: rotate(120.95828deg) translate(29.15476em) rotate(-120.95828deg); animation: collapse-10-18 5s ease-in infinite; } @keyframes collapse-10-18 { 76.15385%, 100% { transform: rotate(120.95828deg) translate(20.61553em) rotate(-120.95828deg); } } .square:nth-child(201) { transform: rotate(128.64935deg) translate(32.01562em) rotate(-128.64935deg); animation: collapse-10-19 5s ease-in infinite; } @keyframes collapse-10-19 { 76.15385%, 100% { transform: rotate(128.64935deg) translate(22.63846em) rotate(-128.64935deg); } } .square:nth-child(202) { transform: rotate(135.0186deg) translate(35.35534em) rotate(-135.0186deg); animation: collapse-10-20 5s ease-in infinite; } @keyframes collapse-10-20 { 76.15385%, 100% { transform: rotate(135.0186deg) translate(25em) rotate(-135.0186deg); } } .square:nth-child(203) { transform: rotate(141.35065deg) translate(32.01562em) rotate(-141.35065deg); animation: collapse-10-21 5s ease-in infinite; } @keyframes collapse-10-21 { 76.15385%, 100% { transform: rotate(141.35065deg) translate(22.63846em) rotate(-141.35065deg); } } .square:nth-child(204) { transform: rotate(149.04172deg) translate(29.15476em) rotate(-149.04172deg); animation: collapse-10-22 5s ease-in infinite; } @keyframes collapse-10-22 { 76.15385%, 100% { transform: rotate(149.04172deg) translate(20.61553em) rotate(-149.04172deg); } } .square:nth-child(205) { transform: rotate(158.20134deg) translate(26.92582em) rotate(-158.20134deg); animation: collapse-10-23 5s ease-in infinite; } @keyframes collapse-10-23 { 76.15385%, 100% { transform: rotate(158.20134deg) translate(19.03943em) rotate(-158.20134deg); } } .square:nth-child(206) { transform: rotate(168.69134deg) translate(25.4951em) rotate(-168.69134deg); animation: collapse-10-24 5s ease-in infinite; } @keyframes collapse-10-24 { 76.15385%, 100% { transform: rotate(168.69134deg) translate(18.02776em) rotate(-168.69134deg); } } .square:nth-child(207) { transform: rotate(180deg) translate(25em) rotate(-180deg); animation: collapse-10-25 5s ease-in infinite; } @keyframes collapse-10-25 { 76.15385%, 100% { transform: rotate(180deg) translate(17.67767em) rotate(-180deg); } } .square:nth-child(208) { transform: rotate(191.30866deg) translate(25.4951em) rotate(-191.30866deg); animation: collapse-10-26 5s ease-in infinite; } @keyframes collapse-10-26 { 76.15385%, 100% { transform: rotate(191.30866deg) translate(18.02776em) rotate(-191.30866deg); } } .square:nth-child(209) { transform: rotate(201.79866deg) translate(26.92582em) rotate(-201.79866deg); animation: collapse-10-27 5s ease-in infinite; } @keyframes collapse-10-27 { 76.15385%, 100% { transform: rotate(201.79866deg) translate(19.03943em) rotate(-201.79866deg); } } .square:nth-child(210) { transform: rotate(210.95828deg) translate(29.15476em) rotate(-210.95828deg); animation: collapse-10-28 5s ease-in infinite; } @keyframes collapse-10-28 { 76.15385%, 100% { transform: rotate(210.95828deg) translate(20.61553em) rotate(-210.95828deg); } } .square:nth-child(211) { transform: rotate(218.64935deg) translate(32.01562em) rotate(-218.64935deg); animation: collapse-10-29 5s ease-in infinite; } @keyframes collapse-10-29 { 76.15385%, 100% { transform: rotate(218.64935deg) translate(22.63846em) rotate(-218.64935deg); } } .square:nth-child(212) { transform: rotate(225.0186deg) translate(35.35534em) rotate(-225.0186deg); animation: collapse-10-30 5s ease-in infinite; } @keyframes collapse-10-30 { 76.15385%, 100% { transform: rotate(225.0186deg) translate(25em) rotate(-225.0186deg); } } .square:nth-child(213) { transform: rotate(231.35065deg) translate(32.01562em) rotate(-231.35065deg); animation: collapse-10-31 5s ease-in infinite; } @keyframes collapse-10-31 { 76.15385%, 100% { transform: rotate(231.35065deg) translate(22.63846em) rotate(-231.35065deg); } } .square:nth-child(214) { transform: rotate(239.04172deg) translate(29.15476em) rotate(-239.04172deg); animation: collapse-10-32 5s ease-in infinite; } @keyframes collapse-10-32 { 76.15385%, 100% { transform: rotate(239.04172deg) translate(20.61553em) rotate(-239.04172deg); } } .square:nth-child(215) { transform: rotate(248.20134deg) translate(26.92582em) rotate(-248.20134deg); animation: collapse-10-33 5s ease-in infinite; } @keyframes collapse-10-33 { 76.15385%, 100% { transform: rotate(248.20134deg) translate(19.03943em) rotate(-248.20134deg); } } .square:nth-child(216) { transform: rotate(258.69134deg) translate(25.4951em) rotate(-258.69134deg); animation: collapse-10-34 5s ease-in infinite; } @keyframes collapse-10-34 { 76.15385%, 100% { transform: rotate(258.69134deg) translate(18.02776em) rotate(-258.69134deg); } } .square:nth-child(217) { transform: rotate(270deg) translate(25em) rotate(-270deg); animation: collapse-10-35 5s ease-in infinite; } @keyframes collapse-10-35 { 76.15385%, 100% { transform: rotate(270deg) translate(17.67767em) rotate(-270deg); } } .square:nth-child(218) { transform: rotate(281.30866deg) translate(25.4951em) rotate(-281.30866deg); animation: collapse-10-36 5s ease-in infinite; } @keyframes collapse-10-36 { 76.15385%, 100% { transform: rotate(281.30866deg) translate(18.02776em) rotate(-281.30866deg); } } .square:nth-child(219) { transform: rotate(291.79866deg) translate(26.92582em) rotate(-291.79866deg); animation: collapse-10-37 5s ease-in infinite; } @keyframes collapse-10-37 { 76.15385%, 100% { transform: rotate(291.79866deg) translate(19.03943em) rotate(-291.79866deg); } } .square:nth-child(220) { transform: rotate(300.95828deg) translate(29.15476em) rotate(-300.95828deg); animation: collapse-10-38 5s ease-in infinite; } @keyframes collapse-10-38 { 76.15385%, 100% { transform: rotate(300.95828deg) translate(20.61553em) rotate(-300.95828deg); } } .square:nth-child(221) { transform: rotate(308.64935deg) translate(32.01562em) rotate(-308.64935deg); animation: collapse-10-39 5s ease-in infinite; } @keyframes collapse-10-39 { 76.15385%, 100% { transform: rotate(308.64935deg) translate(22.63846em) rotate(-308.64935deg); } } .square:nth-child(n + 222):before { animation-name: ani11; } @keyframes ani11 { 83.07692%, 100% { transform: rotate(45deg) scale(0); } } .square:nth-child(222) { transform: rotate(-44.9814deg) translate(38.89087em) rotate(44.9814deg); animation: collapse-11-0 5s ease-in infinite; } @keyframes collapse-11-0 { 83.07692%, 100% { transform: rotate(-44.9814deg) translate(27.5em) rotate(44.9814deg); } } .square:nth-child(223) { transform: rotate(-39.2771deg) translate(35.53168em) rotate(39.2771deg); animation: collapse-11-1 5s ease-in infinite; } @keyframes collapse-11-1 { 83.07692%, 100% { transform: rotate(-39.2771deg) translate(25.12469em) rotate(39.2771deg); } } .square:nth-child(224) { transform: rotate(-32.46297deg) translate(32.59601em) rotate(32.46297deg); animation: collapse-11-2 5s ease-in infinite; } @keyframes collapse-11-2 { 83.07692%, 100% { transform: rotate(-32.46297deg) translate(23.04886em) rotate(32.46297deg); } } .square:nth-child(225) { transform: rotate(-24.43793deg) translate(30.20761em) rotate(24.43793deg); animation: collapse-11-3 5s ease-in infinite; } @keyframes collapse-11-3 { 83.07692%, 100% { transform: rotate(-24.43793deg) translate(21.36001em) rotate(24.43793deg); } } .square:nth-child(226) { transform: rotate(-15.24947deg) translate(28.50439em) rotate(15.24947deg); animation: collapse-11-4 5s ease-in infinite; } @keyframes collapse-11-4 { 83.07692%, 100% { transform: rotate(-15.24947deg) translate(20.15564em) rotate(15.24947deg); } } .square:nth-child(227) { transform: rotate(-5.18732deg) translate(27.6134em) rotate(5.18732deg); animation: collapse-11-5 5s ease-in infinite; } @keyframes collapse-11-5 { 83.07692%, 100% { transform: rotate(-5.18732deg) translate(19.52562em) rotate(5.18732deg); } } .square:nth-child(228) { transform: rotate(5.18732deg) translate(27.6134em) rotate(-5.18732deg); animation: collapse-11-6 5s ease-in infinite; } @keyframes collapse-11-6 { 83.07692%, 100% { transform: rotate(5.18732deg) translate(19.52562em) rotate(-5.18732deg); } } .square:nth-child(229) { transform: rotate(15.24947deg) translate(28.50439em) rotate(-15.24947deg); animation: collapse-11-7 5s ease-in infinite; } @keyframes collapse-11-7 { 83.07692%, 100% { transform: rotate(15.24947deg) translate(20.15564em) rotate(-15.24947deg); } } .square:nth-child(230) { transform: rotate(24.43793deg) translate(30.20761em) rotate(-24.43793deg); animation: collapse-11-8 5s ease-in infinite; } @keyframes collapse-11-8 { 83.07692%, 100% { transform: rotate(24.43793deg) translate(21.36001em) rotate(-24.43793deg); } } .square:nth-child(231) { transform: rotate(32.46297deg) translate(32.59601em) rotate(-32.46297deg); animation: collapse-11-9 5s ease-in infinite; } @keyframes collapse-11-9 { 83.07692%, 100% { transform: rotate(32.46297deg) translate(23.04886em) rotate(-32.46297deg); } } .square:nth-child(232) { transform: rotate(39.2771deg) translate(35.53168em) rotate(-39.2771deg); animation: collapse-11-10 5s ease-in infinite; } @keyframes collapse-11-10 { 83.07692%, 100% { transform: rotate(39.2771deg) translate(25.12469em) rotate(-39.2771deg); } } .square:nth-child(233) { transform: rotate(45.0186deg) translate(38.89087em) rotate(-45.0186deg); animation: collapse-11-11 5s ease-in infinite; } @keyframes collapse-11-11 { 83.07692%, 100% { transform: rotate(45.0186deg) translate(27.5em) rotate(-45.0186deg); } } .square:nth-child(234) { transform: rotate(50.7229deg) translate(35.53168em) rotate(-50.7229deg); animation: collapse-11-12 5s ease-in infinite; } @keyframes collapse-11-12 { 83.07692%, 100% { transform: rotate(50.7229deg) translate(25.12469em) rotate(-50.7229deg); } } .square:nth-child(235) { transform: rotate(57.53703deg) translate(32.59601em) rotate(-57.53703deg); animation: collapse-11-13 5s ease-in infinite; } @keyframes collapse-11-13 { 83.07692%, 100% { transform: rotate(57.53703deg) translate(23.04886em) rotate(-57.53703deg); } } .square:nth-child(236) { transform: rotate(65.56207deg) translate(30.20761em) rotate(-65.56207deg); animation: collapse-11-14 5s ease-in infinite; } @keyframes collapse-11-14 { 83.07692%, 100% { transform: rotate(65.56207deg) translate(21.36001em) rotate(-65.56207deg); } } .square:nth-child(237) { transform: rotate(74.75053deg) translate(28.50439em) rotate(-74.75053deg); animation: collapse-11-15 5s ease-in infinite; } @keyframes collapse-11-15 { 83.07692%, 100% { transform: rotate(74.75053deg) translate(20.15564em) rotate(-74.75053deg); } } .square:nth-child(238) { transform: rotate(84.81268deg) translate(27.6134em) rotate(-84.81268deg); animation: collapse-11-16 5s ease-in infinite; } @keyframes collapse-11-16 { 83.07692%, 100% { transform: rotate(84.81268deg) translate(19.52562em) rotate(-84.81268deg); } } .square:nth-child(239) { transform: rotate(95.18732deg) translate(27.6134em) rotate(-95.18732deg); animation: collapse-11-17 5s ease-in infinite; } @keyframes collapse-11-17 { 83.07692%, 100% { transform: rotate(95.18732deg) translate(19.52562em) rotate(-95.18732deg); } } .square:nth-child(240) { transform: rotate(105.24947deg) translate(28.50439em) rotate(-105.24947deg); animation: collapse-11-18 5s ease-in infinite; } @keyframes collapse-11-18 { 83.07692%, 100% { transform: rotate(105.24947deg) translate(20.15564em) rotate(-105.24947deg); } } .square:nth-child(241) { transform: rotate(114.43793deg) translate(30.20761em) rotate(-114.43793deg); animation: collapse-11-19 5s ease-in infinite; } @keyframes collapse-11-19 { 83.07692%, 100% { transform: rotate(114.43793deg) translate(21.36001em) rotate(-114.43793deg); } } .square:nth-child(242) { transform: rotate(122.46297deg) translate(32.59601em) rotate(-122.46297deg); animation: collapse-11-20 5s ease-in infinite; } @keyframes collapse-11-20 { 83.07692%, 100% { transform: rotate(122.46297deg) translate(23.04886em) rotate(-122.46297deg); } } .square:nth-child(243) { transform: rotate(129.2771deg) translate(35.53168em) rotate(-129.2771deg); animation: collapse-11-21 5s ease-in infinite; } @keyframes collapse-11-21 { 83.07692%, 100% { transform: rotate(129.2771deg) translate(25.12469em) rotate(-129.2771deg); } } .square:nth-child(244) { transform: rotate(135.0186deg) translate(38.89087em) rotate(-135.0186deg); animation: collapse-11-22 5s ease-in infinite; } @keyframes collapse-11-22 { 83.07692%, 100% { transform: rotate(135.0186deg) translate(27.5em) rotate(-135.0186deg); } } .square:nth-child(245) { transform: rotate(140.7229deg) translate(35.53168em) rotate(-140.7229deg); animation: collapse-11-23 5s ease-in infinite; } @keyframes collapse-11-23 { 83.07692%, 100% { transform: rotate(140.7229deg) translate(25.12469em) rotate(-140.7229deg); } } .square:nth-child(246) { transform: rotate(147.53703deg) translate(32.59601em) rotate(-147.53703deg); animation: collapse-11-24 5s ease-in infinite; } @keyframes collapse-11-24 { 83.07692%, 100% { transform: rotate(147.53703deg) translate(23.04886em) rotate(-147.53703deg); } } .square:nth-child(247) { transform: rotate(155.56207deg) translate(30.20761em) rotate(-155.56207deg); animation: collapse-11-25 5s ease-in infinite; } @keyframes collapse-11-25 { 83.07692%, 100% { transform: rotate(155.56207deg) translate(21.36001em) rotate(-155.56207deg); } } .square:nth-child(248) { transform: rotate(164.75053deg) translate(28.50439em) rotate(-164.75053deg); animation: collapse-11-26 5s ease-in infinite; } @keyframes collapse-11-26 { 83.07692%, 100% { transform: rotate(164.75053deg) translate(20.15564em) rotate(-164.75053deg); } } .square:nth-child(249) { transform: rotate(174.81268deg) translate(27.6134em) rotate(-174.81268deg); animation: collapse-11-27 5s ease-in infinite; } @keyframes collapse-11-27 { 83.07692%, 100% { transform: rotate(174.81268deg) translate(19.52562em) rotate(-174.81268deg); } } .square:nth-child(250) { transform: rotate(185.18732deg) translate(27.6134em) rotate(-185.18732deg); animation: collapse-11-28 5s ease-in infinite; } @keyframes collapse-11-28 { 83.07692%, 100% { transform: rotate(185.18732deg) translate(19.52562em) rotate(-185.18732deg); } } .square:nth-child(251) { transform: rotate(195.24947deg) translate(28.50439em) rotate(-195.24947deg); animation: collapse-11-29 5s ease-in infinite; } @keyframes collapse-11-29 { 83.07692%, 100% { transform: rotate(195.24947deg) translate(20.15564em) rotate(-195.24947deg); } } .square:nth-child(252) { transform: rotate(204.43793deg) translate(30.20761em) rotate(-204.43793deg); animation: collapse-11-30 5s ease-in infinite; } @keyframes collapse-11-30 { 83.07692%, 100% { transform: rotate(204.43793deg) translate(21.36001em) rotate(-204.43793deg); } } .square:nth-child(253) { transform: rotate(212.46297deg) translate(32.59601em) rotate(-212.46297deg); animation: collapse-11-31 5s ease-in infinite; } @keyframes collapse-11-31 { 83.07692%, 100% { transform: rotate(212.46297deg) translate(23.04886em) rotate(-212.46297deg); } } .square:nth-child(254) { transform: rotate(219.2771deg) translate(35.53168em) rotate(-219.2771deg); animation: collapse-11-32 5s ease-in infinite; } @keyframes collapse-11-32 { 83.07692%, 100% { transform: rotate(219.2771deg) translate(25.12469em) rotate(-219.2771deg); } } .square:nth-child(255) { transform: rotate(225.0186deg) translate(38.89087em) rotate(-225.0186deg); animation: collapse-11-33 5s ease-in infinite; } @keyframes collapse-11-33 { 83.07692%, 100% { transform: rotate(225.0186deg) translate(27.5em) rotate(-225.0186deg); } } .square:nth-child(256) { transform: rotate(230.7229deg) translate(35.53168em) rotate(-230.7229deg); animation: collapse-11-34 5s ease-in infinite; } @keyframes collapse-11-34 { 83.07692%, 100% { transform: rotate(230.7229deg) translate(25.12469em) rotate(-230.7229deg); } } .square:nth-child(257) { transform: rotate(237.53703deg) translate(32.59601em) rotate(-237.53703deg); animation: collapse-11-35 5s ease-in infinite; } @keyframes collapse-11-35 { 83.07692%, 100% { transform: rotate(237.53703deg) translate(23.04886em) rotate(-237.53703deg); } } .square:nth-child(258) { transform: rotate(245.56207deg) translate(30.20761em) rotate(-245.56207deg); animation: collapse-11-36 5s ease-in infinite; } @keyframes collapse-11-36 { 83.07692%, 100% { transform: rotate(245.56207deg) translate(21.36001em) rotate(-245.56207deg); } } .square:nth-child(259) { transform: rotate(254.75053deg) translate(28.50439em) rotate(-254.75053deg); animation: collapse-11-37 5s ease-in infinite; } @keyframes collapse-11-37 { 83.07692%, 100% { transform: rotate(254.75053deg) translate(20.15564em) rotate(-254.75053deg); } } .square:nth-child(260) { transform: rotate(264.81268deg) translate(27.6134em) rotate(-264.81268deg); animation: collapse-11-38 5s ease-in infinite; } @keyframes collapse-11-38 { 83.07692%, 100% { transform: rotate(264.81268deg) translate(19.52562em) rotate(-264.81268deg); } } .square:nth-child(261) { transform: rotate(275.18732deg) translate(27.6134em) rotate(-275.18732deg); animation: collapse-11-39 5s ease-in infinite; } @keyframes collapse-11-39 { 83.07692%, 100% { transform: rotate(275.18732deg) translate(19.52562em) rotate(-275.18732deg); } } .square:nth-child(262) { transform: rotate(285.24947deg) translate(28.50439em) rotate(-285.24947deg); animation: collapse-11-40 5s ease-in infinite; } @keyframes collapse-11-40 { 83.07692%, 100% { transform: rotate(285.24947deg) translate(20.15564em) rotate(-285.24947deg); } } .square:nth-child(263) { transform: rotate(294.43793deg) translate(30.20761em) rotate(-294.43793deg); animation: collapse-11-41 5s ease-in infinite; } @keyframes collapse-11-41 { 83.07692%, 100% { transform: rotate(294.43793deg) translate(21.36001em) rotate(-294.43793deg); } } .square:nth-child(264) { transform: rotate(302.46297deg) translate(32.59601em) rotate(-302.46297deg); animation: collapse-11-42 5s ease-in infinite; } @keyframes collapse-11-42 { 83.07692%, 100% { transform: rotate(302.46297deg) translate(23.04886em) rotate(-302.46297deg); } } .square:nth-child(265) { transform: rotate(309.2771deg) translate(35.53168em) rotate(-309.2771deg); animation: collapse-11-43 5s ease-in infinite; } @keyframes collapse-11-43 { 83.07692%, 100% { transform: rotate(309.2771deg) translate(25.12469em) rotate(-309.2771deg); } } .square:nth-child(n + 266):before { animation-name: ani12; } @keyframes ani12 { 90%, 100% { transform: rotate(45deg) scale(1); } } .square:nth-child(266) { transform: rotate(-44.9814deg) translate(42.42641em) rotate(44.9814deg); animation: collapse-12-0 5s ease-in infinite; } @keyframes collapse-12-0 { 90%, 100% { transform: rotate(-44.9814deg) translate(30em) rotate(44.9814deg); } } .square:nth-child(267) { transform: rotate(-39.79155deg) translate(39.05125em) rotate(39.79155deg); animation: collapse-12-1 5s ease-in infinite; } @keyframes collapse-12-1 { 90%, 100% { transform: rotate(-39.79155deg) translate(27.6134em) rotate(39.79155deg); } } .square:nth-child(268) { transform: rotate(-33.67883deg) translate(36.05551em) rotate(33.67883deg); animation: collapse-12-2 5s ease-in infinite; } @keyframes collapse-12-2 { 90%, 100% { transform: rotate(-33.67883deg) translate(25.4951em) rotate(33.67883deg); } } .square:nth-child(269) { transform: rotate(-26.55444deg) translate(33.54102em) rotate(26.55444deg); animation: collapse-12-3 5s ease-in infinite; } @keyframes collapse-12-3 { 90%, 100% { transform: rotate(-26.55444deg) translate(23.71708em) rotate(26.55444deg); } } .square:nth-child(270) { transform: rotate(-18.43408deg) translate(31.62278em) rotate(18.43408deg); animation: collapse-12-4 5s ease-in infinite; } @keyframes collapse-12-4 { 90%, 100% { transform: rotate(-18.43408deg) translate(22.36068em) rotate(18.43408deg); } } .square:nth-child(271) { transform: rotate(-9.4618deg) translate(30.41381em) rotate(9.4618deg); animation: collapse-12-5 5s ease-in infinite; } @keyframes collapse-12-5 { 90%, 100% { transform: rotate(-9.4618deg) translate(21.50581em) rotate(9.4618deg); } } .square:nth-child(272) { transform: rotate(0deg) translate(30em) rotate(0deg); animation: collapse-12-6 5s ease-in infinite; } @keyframes collapse-12-6 { 90%, 100% { transform: rotate(0deg) translate(21.2132em) rotate(0deg); } } .square:nth-child(273) { transform: rotate(9.4618deg) translate(30.41381em) rotate(-9.4618deg); animation: collapse-12-7 5s ease-in infinite; } @keyframes collapse-12-7 { 90%, 100% { transform: rotate(9.4618deg) translate(21.50581em) rotate(-9.4618deg); } } .square:nth-child(274) { transform: rotate(18.43408deg) translate(31.62278em) rotate(-18.43408deg); animation: collapse-12-8 5s ease-in infinite; } @keyframes collapse-12-8 { 90%, 100% { transform: rotate(18.43408deg) translate(22.36068em) rotate(-18.43408deg); } } .square:nth-child(275) { transform: rotate(26.55444deg) translate(33.54102em) rotate(-26.55444deg); animation: collapse-12-9 5s ease-in infinite; } @keyframes collapse-12-9 { 90%, 100% { transform: rotate(26.55444deg) translate(23.71708em) rotate(-26.55444deg); } } .square:nth-child(276) { transform: rotate(33.67883deg) translate(36.05551em) rotate(-33.67883deg); animation: collapse-12-10 5s ease-in infinite; } @keyframes collapse-12-10 { 90%, 100% { transform: rotate(33.67883deg) translate(25.4951em) rotate(-33.67883deg); } } .square:nth-child(277) { transform: rotate(39.79155deg) translate(39.05125em) rotate(-39.79155deg); animation: collapse-12-11 5s ease-in infinite; } @keyframes collapse-12-11 { 90%, 100% { transform: rotate(39.79155deg) translate(27.6134em) rotate(-39.79155deg); } } .square:nth-child(278) { transform: rotate(45.0186deg) translate(42.42641em) rotate(-45.0186deg); animation: collapse-12-12 5s ease-in infinite; } @keyframes collapse-12-12 { 90%, 100% { transform: rotate(45.0186deg) translate(30em) rotate(-45.0186deg); } } .square:nth-child(279) { transform: rotate(50.20845deg) translate(39.05125em) rotate(-50.20845deg); animation: collapse-12-13 5s ease-in infinite; } @keyframes collapse-12-13 { 90%, 100% { transform: rotate(50.20845deg) translate(27.6134em) rotate(-50.20845deg); } } .square:nth-child(280) { transform: rotate(56.32117deg) translate(36.05551em) rotate(-56.32117deg); animation: collapse-12-14 5s ease-in infinite; } @keyframes collapse-12-14 { 90%, 100% { transform: rotate(56.32117deg) translate(25.4951em) rotate(-56.32117deg); } } .square:nth-child(281) { transform: rotate(63.44556deg) translate(33.54102em) rotate(-63.44556deg); animation: collapse-12-15 5s ease-in infinite; } @keyframes collapse-12-15 { 90%, 100% { transform: rotate(63.44556deg) translate(23.71708em) rotate(-63.44556deg); } } .square:nth-child(282) { transform: rotate(71.56592deg) translate(31.62278em) rotate(-71.56592deg); animation: collapse-12-16 5s ease-in infinite; } @keyframes collapse-12-16 { 90%, 100% { transform: rotate(71.56592deg) translate(22.36068em) rotate(-71.56592deg); } } .square:nth-child(283) { transform: rotate(80.5382deg) translate(30.41381em) rotate(-80.5382deg); animation: collapse-12-17 5s ease-in infinite; } @keyframes collapse-12-17 { 90%, 100% { transform: rotate(80.5382deg) translate(21.50581em) rotate(-80.5382deg); } } .square:nth-child(284) { transform: rotate(90deg) translate(30em) rotate(-90deg); animation: collapse-12-18 5s ease-in infinite; } @keyframes collapse-12-18 { 90%, 100% { transform: rotate(90deg) translate(21.2132em) rotate(-90deg); } } .square:nth-child(285) { transform: rotate(99.4618deg) translate(30.41381em) rotate(-99.4618deg); animation: collapse-12-19 5s ease-in infinite; } @keyframes collapse-12-19 { 90%, 100% { transform: rotate(99.4618deg) translate(21.50581em) rotate(-99.4618deg); } } .square:nth-child(286) { transform: rotate(108.43408deg) translate(31.62278em) rotate(-108.43408deg); animation: collapse-12-20 5s ease-in infinite; } @keyframes collapse-12-20 { 90%, 100% { transform: rotate(108.43408deg) translate(22.36068em) rotate(-108.43408deg); } } .square:nth-child(287) { transform: rotate(116.55444deg) translate(33.54102em) rotate(-116.55444deg); animation: collapse-12-21 5s ease-in infinite; } @keyframes collapse-12-21 { 90%, 100% { transform: rotate(116.55444deg) translate(23.71708em) rotate(-116.55444deg); } } .square:nth-child(288) { transform: rotate(123.67883deg) translate(36.05551em) rotate(-123.67883deg); animation: collapse-12-22 5s ease-in infinite; } @keyframes collapse-12-22 { 90%, 100% { transform: rotate(123.67883deg) translate(25.4951em) rotate(-123.67883deg); } } .square:nth-child(289) { transform: rotate(129.79155deg) translate(39.05125em) rotate(-129.79155deg); animation: collapse-12-23 5s ease-in infinite; } @keyframes collapse-12-23 { 90%, 100% { transform: rotate(129.79155deg) translate(27.6134em) rotate(-129.79155deg); } } .square:nth-child(290) { transform: rotate(135.0186deg) translate(42.42641em) rotate(-135.0186deg); animation: collapse-12-24 5s ease-in infinite; } @keyframes collapse-12-24 { 90%, 100% { transform: rotate(135.0186deg) translate(30em) rotate(-135.0186deg); } } .square:nth-child(291) { transform: rotate(140.20845deg) translate(39.05125em) rotate(-140.20845deg); animation: collapse-12-25 5s ease-in infinite; } @keyframes collapse-12-25 { 90%, 100% { transform: rotate(140.20845deg) translate(27.6134em) rotate(-140.20845deg); } } .square:nth-child(292) { transform: rotate(146.32117deg) translate(36.05551em) rotate(-146.32117deg); animation: collapse-12-26 5s ease-in infinite; } @keyframes collapse-12-26 { 90%, 100% { transform: rotate(146.32117deg) translate(25.4951em) rotate(-146.32117deg); } } .square:nth-child(293) { transform: rotate(153.44556deg) translate(33.54102em) rotate(-153.44556deg); animation: collapse-12-27 5s ease-in infinite; } @keyframes collapse-12-27 { 90%, 100% { transform: rotate(153.44556deg) translate(23.71708em) rotate(-153.44556deg); } } .square:nth-child(294) { transform: rotate(161.56592deg) translate(31.62278em) rotate(-161.56592deg); animation: collapse-12-28 5s ease-in infinite; } @keyframes collapse-12-28 { 90%, 100% { transform: rotate(161.56592deg) translate(22.36068em) rotate(-161.56592deg); } } .square:nth-child(295) { transform: rotate(170.5382deg) translate(30.41381em) rotate(-170.5382deg); animation: collapse-12-29 5s ease-in infinite; } @keyframes collapse-12-29 { 90%, 100% { transform: rotate(170.5382deg) translate(21.50581em) rotate(-170.5382deg); } } .square:nth-child(296) { transform: rotate(180deg) translate(30em) rotate(-180deg); animation: collapse-12-30 5s ease-in infinite; } @keyframes collapse-12-30 { 90%, 100% { transform: rotate(180deg) translate(21.2132em) rotate(-180deg); } } .square:nth-child(297) { transform: rotate(189.4618deg) translate(30.41381em) rotate(-189.4618deg); animation: collapse-12-31 5s ease-in infinite; } @keyframes collapse-12-31 { 90%, 100% { transform: rotate(189.4618deg) translate(21.50581em) rotate(-189.4618deg); } } .square:nth-child(298) { transform: rotate(198.43408deg) translate(31.62278em) rotate(-198.43408deg); animation: collapse-12-32 5s ease-in infinite; } @keyframes collapse-12-32 { 90%, 100% { transform: rotate(198.43408deg) translate(22.36068em) rotate(-198.43408deg); } } .square:nth-child(299) { transform: rotate(206.55444deg) translate(33.54102em) rotate(-206.55444deg); animation: collapse-12-33 5s ease-in infinite; } @keyframes collapse-12-33 { 90%, 100% { transform: rotate(206.55444deg) translate(23.71708em) rotate(-206.55444deg); } } .square:nth-child(300) { transform: rotate(213.67883deg) translate(36.05551em) rotate(-213.67883deg); animation: collapse-12-34 5s ease-in infinite; } @keyframes collapse-12-34 { 90%, 100% { transform: rotate(213.67883deg) translate(25.4951em) rotate(-213.67883deg); } } .square:nth-child(301) { transform: rotate(219.79155deg) translate(39.05125em) rotate(-219.79155deg); animation: collapse-12-35 5s ease-in infinite; } @keyframes collapse-12-35 { 90%, 100% { transform: rotate(219.79155deg) translate(27.6134em) rotate(-219.79155deg); } } .square:nth-child(302) { transform: rotate(225.0186deg) translate(42.42641em) rotate(-225.0186deg); animation: collapse-12-36 5s ease-in infinite; } @keyframes collapse-12-36 { 90%, 100% { transform: rotate(225.0186deg) translate(30em) rotate(-225.0186deg); } } .square:nth-child(303) { transform: rotate(230.20845deg) translate(39.05125em) rotate(-230.20845deg); animation: collapse-12-37 5s ease-in infinite; } @keyframes collapse-12-37 { 90%, 100% { transform: rotate(230.20845deg) translate(27.6134em) rotate(-230.20845deg); } } .square:nth-child(304) { transform: rotate(236.32117deg) translate(36.05551em) rotate(-236.32117deg); animation: collapse-12-38 5s ease-in infinite; } @keyframes collapse-12-38 { 90%, 100% { transform: rotate(236.32117deg) translate(25.4951em) rotate(-236.32117deg); } } .square:nth-child(305) { transform: rotate(243.44556deg) translate(33.54102em) rotate(-243.44556deg); animation: collapse-12-39 5s ease-in infinite; } @keyframes collapse-12-39 { 90%, 100% { transform: rotate(243.44556deg) translate(23.71708em) rotate(-243.44556deg); } } .square:nth-child(306) { transform: rotate(251.56592deg) translate(31.62278em) rotate(-251.56592deg); animation: collapse-12-40 5s ease-in infinite; } @keyframes collapse-12-40 { 90%, 100% { transform: rotate(251.56592deg) translate(22.36068em) rotate(-251.56592deg); } } .square:nth-child(307) { transform: rotate(260.5382deg) translate(30.41381em) rotate(-260.5382deg); animation: collapse-12-41 5s ease-in infinite; } @keyframes collapse-12-41 { 90%, 100% { transform: rotate(260.5382deg) translate(21.50581em) rotate(-260.5382deg); } } .square:nth-child(308) { transform: rotate(270deg) translate(30em) rotate(-270deg); animation: collapse-12-42 5s ease-in infinite; } @keyframes collapse-12-42 { 90%, 100% { transform: rotate(270deg) translate(21.2132em) rotate(-270deg); } } .square:nth-child(309) { transform: rotate(279.4618deg) translate(30.41381em) rotate(-279.4618deg); animation: collapse-12-43 5s ease-in infinite; } @keyframes collapse-12-43 { 90%, 100% { transform: rotate(279.4618deg) translate(21.50581em) rotate(-279.4618deg); } } .square:nth-child(310) { transform: rotate(288.43408deg) translate(31.62278em) rotate(-288.43408deg); animation: collapse-12-44 5s ease-in infinite; } @keyframes collapse-12-44 { 90%, 100% { transform: rotate(288.43408deg) translate(22.36068em) rotate(-288.43408deg); } } .square:nth-child(311) { transform: rotate(296.55444deg) translate(33.54102em) rotate(-296.55444deg); animation: collapse-12-45 5s ease-in infinite; } @keyframes collapse-12-45 { 90%, 100% { transform: rotate(296.55444deg) translate(23.71708em) rotate(-296.55444deg); } } .square:nth-child(312) { transform: rotate(303.67883deg) translate(36.05551em) rotate(-303.67883deg); animation: collapse-12-46 5s ease-in infinite; } @keyframes collapse-12-46 { 90%, 100% { transform: rotate(303.67883deg) translate(25.4951em) rotate(-303.67883deg); } } .square:nth-child(313) { transform: rotate(309.79155deg) translate(39.05125em) rotate(-309.79155deg); animation: collapse-12-47 5s ease-in infinite; } @keyframes collapse-12-47 { 90%, 100% { transform: rotate(309.79155deg) translate(27.6134em) rotate(-309.79155deg); } } .square:before { margin: -1.25em; width: 2.5em; height: 2.5em; background: white; animation: ani0 5s linear infinite; content: ''; } @keyframes ani0 { 6.92308%, 100% { transform: rotate(45deg); } } @keyframes rot { to { transform: rotate(45deg); } }