কুইজ বাংলা

Enable JavaScript To Continue Browsing @charset "UTF-8"; body { font-family: courier; background: black; overflow: hidden; margin: 0; padding: 0; text-align: center; } .matrix { display: block; list-style: none; padding: 0; margin: 0; color: #80ff80; font-size: 18px; line-height: 24px; overflow: hidden; width: 100%; white-space: nowrap; } .matrix li:nth-child(1) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(1):before { display: block; width: 1em; content: "ট ণ থ থ ঝ ঝ জ এ জ ঈ ৮ ঘ ৩ দ ট উ ঈ চ ৩ দ উ ঈ ণ ঔ"; } .matrix li:nth-child(1):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNzAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -120px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(70.83333%, rgba(0, 0, 0, 0)), color-stop(70.83333%, #000000), color-stop(100%, #000000)) 0 -120px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 408px, #000000 408px, #000000 576px) 0 -120px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 408px, #000000 408px, #000000 576px) 0 -120px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 408px, #000000 408px, #000000 576px) 0 -120px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "৩"; padding-top: 288px; overflow: hidden; -webkit-animation: 1920ms column-1 infinite steps(1, start); -moz-animation: 1920ms column-1 infinite steps(1, start); -ms-animation: 1920ms column-1 infinite steps(1, start); -o-animation: 1920ms column-1 infinite steps(1, start); animation: 1920ms column-1 infinite steps(1, start); } @-webkit-keyframes column-1 { 0% { background-position: 0 -120px; padding-top: 288px; } 4.16667% { background-position: 0 -96px; padding-top: 312px; } 8.33333% { background-position: 0 -72px; padding-top: 336px; } 12.5% { background-position: 0 -48px; padding-top: 360px; } 16.66667% { background-position: 0 -24px; padding-top: 384px; } 20.83333% { background-position: 0 0px; padding-top: 408px; } 25% { background-position: 0 24px; padding-top: 432px; } 29.16667% { background-position: 0 48px; padding-top: 456px; } 33.33333% { background-position: 0 72px; padding-top: 480px; } 37.5% { background-position: 0 96px; padding-top: 504px; } 41.66667% { background-position: 0 120px; padding-top: 528px; } 45.83333% { background-position: 0 144px; padding-top: 552px; } 50% { background-position: 0 -408px; padding-top: 0px; } 54.16667% { background-position: 0 -384px; padding-top: 24px; } 58.33333% { background-position: 0 -360px; padding-top: 48px; } 62.5% { background-position: 0 -336px; padding-top: 72px; } 66.66667% { background-position: 0 -312px; padding-top: 96px; } 70.83333% { background-position: 0 -288px; padding-top: 120px; } 75% { background-position: 0 -264px; padding-top: 144px; } 79.16667% { background-position: 0 -240px; padding-top: 168px; } 83.33333% { background-position: 0 -216px; padding-top: 192px; } 87.5% { background-position: 0 -192px; padding-top: 216px; } 91.66667% { background-position: 0 -168px; padding-top: 240px; } 95.83333% { background-position: 0 -144px; padding-top: 264px; } } @-moz-keyframes column-1 { 0% { background-position: 0 -120px; padding-top: 288px; } 4.16667% { background-position: 0 -96px; padding-top: 312px; } 8.33333% { background-position: 0 -72px; padding-top: 336px; } 12.5% { background-position: 0 -48px; padding-top: 360px; } 16.66667% { background-position: 0 -24px; padding-top: 384px; } 20.83333% { background-position: 0 0px; padding-top: 408px; } 25% { background-position: 0 24px; padding-top: 432px; } 29.16667% { background-position: 0 48px; padding-top: 456px; } 33.33333% { background-position: 0 72px; padding-top: 480px; } 37.5% { background-position: 0 96px; padding-top: 504px; } 41.66667% { background-position: 0 120px; padding-top: 528px; } 45.83333% { background-position: 0 144px; padding-top: 552px; } 50% { background-position: 0 -408px; padding-top: 0px; } 54.16667% { background-position: 0 -384px; padding-top: 24px; } 58.33333% { background-position: 0 -360px; padding-top: 48px; } 62.5% { background-position: 0 -336px; padding-top: 72px; } 66.66667% { background-position: 0 -312px; padding-top: 96px; } 70.83333% { background-position: 0 -288px; padding-top: 120px; } 75% { background-position: 0 -264px; padding-top: 144px; } 79.16667% { background-position: 0 -240px; padding-top: 168px; } 83.33333% { background-position: 0 -216px; padding-top: 192px; } 87.5% { background-position: 0 -192px; padding-top: 216px; } 91.66667% { background-position: 0 -168px; padding-top: 240px; } 95.83333% { background-position: 0 -144px; padding-top: 264px; } } @-o-keyframes column-1 { 0% { background-position: 0 -120px; padding-top: 288px; } 4.16667% { background-position: 0 -96px; padding-top: 312px; } 8.33333% { background-position: 0 -72px; padding-top: 336px; } 12.5% { background-position: 0 -48px; padding-top: 360px; } 16.66667% { background-position: 0 -24px; padding-top: 384px; } 20.83333% { background-position: 0 0px; padding-top: 408px; } 25% { background-position: 0 24px; padding-top: 432px; } 29.16667% { background-position: 0 48px; padding-top: 456px; } 33.33333% { background-position: 0 72px; padding-top: 480px; } 37.5% { background-position: 0 96px; padding-top: 504px; } 41.66667% { background-position: 0 120px; padding-top: 528px; } 45.83333% { background-position: 0 144px; padding-top: 552px; } 50% { background-position: 0 -408px; padding-top: 0px; } 54.16667% { background-position: 0 -384px; padding-top: 24px; } 58.33333% { background-position: 0 -360px; padding-top: 48px; } 62.5% { background-position: 0 -336px; padding-top: 72px; } 66.66667% { background-position: 0 -312px; padding-top: 96px; } 70.83333% { background-position: 0 -288px; padding-top: 120px; } 75% { background-position: 0 -264px; padding-top: 144px; } 79.16667% { background-position: 0 -240px; padding-top: 168px; } 83.33333% { background-position: 0 -216px; padding-top: 192px; } 87.5% { background-position: 0 -192px; padding-top: 216px; } 91.66667% { background-position: 0 -168px; padding-top: 240px; } 95.83333% { background-position: 0 -144px; padding-top: 264px; } } @keyframes column-1 { 0% { background-position: 0 -120px; padding-top: 288px; } 4.16667% { background-position: 0 -96px; padding-top: 312px; } 8.33333% { background-position: 0 -72px; padding-top: 336px; } 12.5% { background-position: 0 -48px; padding-top: 360px; } 16.66667% { background-position: 0 -24px; padding-top: 384px; } 20.83333% { background-position: 0 0px; padding-top: 408px; } 25% { background-position: 0 24px; padding-top: 432px; } 29.16667% { background-position: 0 48px; padding-top: 456px; } 33.33333% { background-position: 0 72px; padding-top: 480px; } 37.5% { background-position: 0 96px; padding-top: 504px; } 41.66667% { background-position: 0 120px; padding-top: 528px; } 45.83333% { background-position: 0 144px; padding-top: 552px; } 50% { background-position: 0 -408px; padding-top: 0px; } 54.16667% { background-position: 0 -384px; padding-top: 24px; } 58.33333% { background-position: 0 -360px; padding-top: 48px; } 62.5% { background-position: 0 -336px; padding-top: 72px; } 66.66667% { background-position: 0 -312px; padding-top: 96px; } 70.83333% { background-position: 0 -288px; padding-top: 120px; } 75% { background-position: 0 -264px; padding-top: 144px; } 79.16667% { background-position: 0 -240px; padding-top: 168px; } 83.33333% { background-position: 0 -216px; padding-top: 192px; } 87.5% { background-position: 0 -192px; padding-top: 216px; } 91.66667% { background-position: 0 -168px; padding-top: 240px; } 95.83333% { background-position: 0 -144px; padding-top: 264px; } } .matrix li:nth-child(2) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(2):before { display: block; width: 1em; content: "গ জ দ ৬ খ ছ タ ০ ই ১ ক ১ জ ৯ গ ৪ ৩ ৮ ণ ঔ タ গ ৩ ১"; } .matrix li:nth-child(2):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNzkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -288px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(79.16667%, rgba(0, 0, 0, 0)), color-stop(79.16667%, #000000), color-stop(100%, #000000)) 0 -288px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 456px, #000000 456px, #000000 576px) 0 -288px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 456px, #000000 456px, #000000 576px) 0 -288px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 456px, #000000 456px, #000000 576px) 0 -288px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "০"; padding-top: 168px; overflow: hidden; -webkit-animation: 1920ms column-2 infinite steps(1, start); -moz-animation: 1920ms column-2 infinite steps(1, start); -ms-animation: 1920ms column-2 infinite steps(1, start); -o-animation: 1920ms column-2 infinite steps(1, start); animation: 1920ms column-2 infinite steps(1, start); } @-webkit-keyframes column-2 { 0% { background-position: 0 -288px; padding-top: 168px; } 4.16667% { background-position: 0 -264px; padding-top: 192px; } 8.33333% { background-position: 0 -240px; padding-top: 216px; } 12.5% { background-position: 0 -216px; padding-top: 240px; } 16.66667% { background-position: 0 -192px; padding-top: 264px; } 20.83333% { background-position: 0 -168px; padding-top: 288px; } 25% { background-position: 0 -144px; padding-top: 312px; } 29.16667% { background-position: 0 -120px; padding-top: 336px; } 33.33333% { background-position: 0 -96px; padding-top: 360px; } 37.5% { background-position: 0 -72px; padding-top: 384px; } 41.66667% { background-position: 0 -48px; padding-top: 408px; } 45.83333% { background-position: 0 -24px; padding-top: 432px; } 50% { background-position: 0 0px; padding-top: 456px; } 54.16667% { background-position: 0 24px; padding-top: 480px; } 58.33333% { background-position: 0 48px; padding-top: 504px; } 62.5% { background-position: 0 72px; padding-top: 528px; } 66.66667% { background-position: 0 96px; padding-top: 552px; } 70.83333% { background-position: 0 -456px; padding-top: 0px; } 75% { background-position: 0 -432px; padding-top: 24px; } 79.16667% { background-position: 0 -408px; padding-top: 48px; } 83.33333% { background-position: 0 -384px; padding-top: 72px; } 87.5% { background-position: 0 -360px; padding-top: 96px; } 91.66667% { background-position: 0 -336px; padding-top: 120px; } 95.83333% { background-position: 0 -312px; padding-top: 144px; } } @-moz-keyframes column-2 { 0% { background-position: 0 -288px; padding-top: 168px; } 4.16667% { background-position: 0 -264px; padding-top: 192px; } 8.33333% { background-position: 0 -240px; padding-top: 216px; } 12.5% { background-position: 0 -216px; padding-top: 240px; } 16.66667% { background-position: 0 -192px; padding-top: 264px; } 20.83333% { background-position: 0 -168px; padding-top: 288px; } 25% { background-position: 0 -144px; padding-top: 312px; } 29.16667% { background-position: 0 -120px; padding-top: 336px; } 33.33333% { background-position: 0 -96px; padding-top: 360px; } 37.5% { background-position: 0 -72px; padding-top: 384px; } 41.66667% { background-position: 0 -48px; padding-top: 408px; } 45.83333% { background-position: 0 -24px; padding-top: 432px; } 50% { background-position: 0 0px; padding-top: 456px; } 54.16667% { background-position: 0 24px; padding-top: 480px; } 58.33333% { background-position: 0 48px; padding-top: 504px; } 62.5% { background-position: 0 72px; padding-top: 528px; } 66.66667% { background-position: 0 96px; padding-top: 552px; } 70.83333% { background-position: 0 -456px; padding-top: 0px; } 75% { background-position: 0 -432px; padding-top: 24px; } 79.16667% { background-position: 0 -408px; padding-top: 48px; } 83.33333% { background-position: 0 -384px; padding-top: 72px; } 87.5% { background-position: 0 -360px; padding-top: 96px; } 91.66667% { background-position: 0 -336px; padding-top: 120px; } 95.83333% { background-position: 0 -312px; padding-top: 144px; } } @-o-keyframes column-2 { 0% { background-position: 0 -288px; padding-top: 168px; } 4.16667% { background-position: 0 -264px; padding-top: 192px; } 8.33333% { background-position: 0 -240px; padding-top: 216px; } 12.5% { background-position: 0 -216px; padding-top: 240px; } 16.66667% { background-position: 0 -192px; padding-top: 264px; } 20.83333% { background-position: 0 -168px; padding-top: 288px; } 25% { background-position: 0 -144px; padding-top: 312px; } 29.16667% { background-position: 0 -120px; padding-top: 336px; } 33.33333% { background-position: 0 -96px; padding-top: 360px; } 37.5% { background-position: 0 -72px; padding-top: 384px; } 41.66667% { background-position: 0 -48px; padding-top: 408px; } 45.83333% { background-position: 0 -24px; padding-top: 432px; } 50% { background-position: 0 0px; padding-top: 456px; } 54.16667% { background-position: 0 24px; padding-top: 480px; } 58.33333% { background-position: 0 48px; padding-top: 504px; } 62.5% { background-position: 0 72px; padding-top: 528px; } 66.66667% { background-position: 0 96px; padding-top: 552px; } 70.83333% { background-position: 0 -456px; padding-top: 0px; } 75% { background-position: 0 -432px; padding-top: 24px; } 79.16667% { background-position: 0 -408px; padding-top: 48px; } 83.33333% { background-position: 0 -384px; padding-top: 72px; } 87.5% { background-position: 0 -360px; padding-top: 96px; } 91.66667% { background-position: 0 -336px; padding-top: 120px; } 95.83333% { background-position: 0 -312px; padding-top: 144px; } } @keyframes column-2 { 0% { background-position: 0 -288px; padding-top: 168px; } 4.16667% { background-position: 0 -264px; padding-top: 192px; } 8.33333% { background-position: 0 -240px; padding-top: 216px; } 12.5% { background-position: 0 -216px; padding-top: 240px; } 16.66667% { background-position: 0 -192px; padding-top: 264px; } 20.83333% { background-position: 0 -168px; padding-top: 288px; } 25% { background-position: 0 -144px; padding-top: 312px; } 29.16667% { background-position: 0 -120px; padding-top: 336px; } 33.33333% { background-position: 0 -96px; padding-top: 360px; } 37.5% { background-position: 0 -72px; padding-top: 384px; } 41.66667% { background-position: 0 -48px; padding-top: 408px; } 45.83333% { background-position: 0 -24px; padding-top: 432px; } 50% { background-position: 0 0px; padding-top: 456px; } 54.16667% { background-position: 0 24px; padding-top: 480px; } 58.33333% { background-position: 0 48px; padding-top: 504px; } 62.5% { background-position: 0 72px; padding-top: 528px; } 66.66667% { background-position: 0 96px; padding-top: 552px; } 70.83333% { background-position: 0 -456px; padding-top: 0px; } 75% { background-position: 0 -432px; padding-top: 24px; } 79.16667% { background-position: 0 -408px; padding-top: 48px; } 83.33333% { background-position: 0 -384px; padding-top: 72px; } 87.5% { background-position: 0 -360px; padding-top: 96px; } 91.66667% { background-position: 0 -336px; padding-top: 120px; } 95.83333% { background-position: 0 -312px; padding-top: 144px; } } .matrix li:nth-child(3) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(3):before { display: block; width: 1em; content: "ই উ থ থ চ ৬ এ ই ৯ ঘ ঈ এ ৬ উ ০ ৮ ই ই চ ২ ঝ ৭ ছ ৪"; } .matrix li:nth-child(3):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNjYuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjYuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -240px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(66.66667%, rgba(0, 0, 0, 0)), color-stop(66.66667%, #000000), color-stop(100%, #000000)) 0 -240px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 384px, #000000 384px, #000000 576px) 0 -240px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 384px, #000000 384px, #000000 576px) 0 -240px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 384px, #000000 384px, #000000 576px) 0 -240px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "এ"; padding-top: 144px; overflow: hidden; -webkit-animation: 1920ms column-3 infinite steps(1, start); -moz-animation: 1920ms column-3 infinite steps(1, start); -ms-animation: 1920ms column-3 infinite steps(1, start); -o-animation: 1920ms column-3 infinite steps(1, start); animation: 1920ms column-3 infinite steps(1, start); } @-webkit-keyframes column-3 { 0% { background-position: 0 -240px; padding-top: 144px; } 4.16667% { background-position: 0 -216px; padding-top: 168px; } 8.33333% { background-position: 0 -192px; padding-top: 192px; } 12.5% { background-position: 0 -168px; padding-top: 216px; } 16.66667% { background-position: 0 -144px; padding-top: 240px; } 20.83333% { background-position: 0 -120px; padding-top: 264px; } 25% { background-position: 0 -96px; padding-top: 288px; } 29.16667% { background-position: 0 -72px; padding-top: 312px; } 33.33333% { background-position: 0 -48px; padding-top: 336px; } 37.5% { background-position: 0 -24px; padding-top: 360px; } 41.66667% { background-position: 0 0px; padding-top: 384px; } 45.83333% { background-position: 0 24px; padding-top: 408px; } 50% { background-position: 0 48px; padding-top: 432px; } 54.16667% { background-position: 0 72px; padding-top: 456px; } 58.33333% { background-position: 0 96px; padding-top: 480px; } 62.5% { background-position: 0 120px; padding-top: 504px; } 66.66667% { background-position: 0 144px; padding-top: 528px; } 70.83333% { background-position: 0 168px; padding-top: 552px; } 75% { background-position: 0 -384px; padding-top: 0px; } 79.16667% { background-position: 0 -360px; padding-top: 24px; } 83.33333% { background-position: 0 -336px; padding-top: 48px; } 87.5% { background-position: 0 -312px; padding-top: 72px; } 91.66667% { background-position: 0 -288px; padding-top: 96px; } 95.83333% { background-position: 0 -264px; padding-top: 120px; } } @-moz-keyframes column-3 { 0% { background-position: 0 -240px; padding-top: 144px; } 4.16667% { background-position: 0 -216px; padding-top: 168px; } 8.33333% { background-position: 0 -192px; padding-top: 192px; } 12.5% { background-position: 0 -168px; padding-top: 216px; } 16.66667% { background-position: 0 -144px; padding-top: 240px; } 20.83333% { background-position: 0 -120px; padding-top: 264px; } 25% { background-position: 0 -96px; padding-top: 288px; } 29.16667% { background-position: 0 -72px; padding-top: 312px; } 33.33333% { background-position: 0 -48px; padding-top: 336px; } 37.5% { background-position: 0 -24px; padding-top: 360px; } 41.66667% { background-position: 0 0px; padding-top: 384px; } 45.83333% { background-position: 0 24px; padding-top: 408px; } 50% { background-position: 0 48px; padding-top: 432px; } 54.16667% { background-position: 0 72px; padding-top: 456px; } 58.33333% { background-position: 0 96px; padding-top: 480px; } 62.5% { background-position: 0 120px; padding-top: 504px; } 66.66667% { background-position: 0 144px; padding-top: 528px; } 70.83333% { background-position: 0 168px; padding-top: 552px; } 75% { background-position: 0 -384px; padding-top: 0px; } 79.16667% { background-position: 0 -360px; padding-top: 24px; } 83.33333% { background-position: 0 -336px; padding-top: 48px; } 87.5% { background-position: 0 -312px; padding-top: 72px; } 91.66667% { background-position: 0 -288px; padding-top: 96px; } 95.83333% { background-position: 0 -264px; padding-top: 120px; } } @-o-keyframes column-3 { 0% { background-position: 0 -240px; padding-top: 144px; } 4.16667% { background-position: 0 -216px; padding-top: 168px; } 8.33333% { background-position: 0 -192px; padding-top: 192px; } 12.5% { background-position: 0 -168px; padding-top: 216px; } 16.66667% { background-position: 0 -144px; padding-top: 240px; } 20.83333% { background-position: 0 -120px; padding-top: 264px; } 25% { background-position: 0 -96px; padding-top: 288px; } 29.16667% { background-position: 0 -72px; padding-top: 312px; } 33.33333% { background-position: 0 -48px; padding-top: 336px; } 37.5% { background-position: 0 -24px; padding-top: 360px; } 41.66667% { background-position: 0 0px; padding-top: 384px; } 45.83333% { background-position: 0 24px; padding-top: 408px; } 50% { background-position: 0 48px; padding-top: 432px; } 54.16667% { background-position: 0 72px; padding-top: 456px; } 58.33333% { background-position: 0 96px; padding-top: 480px; } 62.5% { background-position: 0 120px; padding-top: 504px; } 66.66667% { background-position: 0 144px; padding-top: 528px; } 70.83333% { background-position: 0 168px; padding-top: 552px; } 75% { background-position: 0 -384px; padding-top: 0px; } 79.16667% { background-position: 0 -360px; padding-top: 24px; } 83.33333% { background-position: 0 -336px; padding-top: 48px; } 87.5% { background-position: 0 -312px; padding-top: 72px; } 91.66667% { background-position: 0 -288px; padding-top: 96px; } 95.83333% { background-position: 0 -264px; padding-top: 120px; } } @keyframes column-3 { 0% { background-position: 0 -240px; padding-top: 144px; } 4.16667% { background-position: 0 -216px; padding-top: 168px; } 8.33333% { background-position: 0 -192px; padding-top: 192px; } 12.5% { background-position: 0 -168px; padding-top: 216px; } 16.66667% { background-position: 0 -144px; padding-top: 240px; } 20.83333% { background-position: 0 -120px; padding-top: 264px; } 25% { background-position: 0 -96px; padding-top: 288px; } 29.16667% { background-position: 0 -72px; padding-top: 312px; } 33.33333% { background-position: 0 -48px; padding-top: 336px; } 37.5% { background-position: 0 -24px; padding-top: 360px; } 41.66667% { background-position: 0 0px; padding-top: 384px; } 45.83333% { background-position: 0 24px; padding-top: 408px; } 50% { background-position: 0 48px; padding-top: 432px; } 54.16667% { background-position: 0 72px; padding-top: 456px; } 58.33333% { background-position: 0 96px; padding-top: 480px; } 62.5% { background-position: 0 120px; padding-top: 504px; } 66.66667% { background-position: 0 144px; padding-top: 528px; } 70.83333% { background-position: 0 168px; padding-top: 552px; } 75% { background-position: 0 -384px; padding-top: 0px; } 79.16667% { background-position: 0 -360px; padding-top: 24px; } 83.33333% { background-position: 0 -336px; padding-top: 48px; } 87.5% { background-position: 0 -312px; padding-top: 72px; } 91.66667% { background-position: 0 -288px; padding-top: 96px; } 95.83333% { background-position: 0 -264px; padding-top: 120px; } } .matrix li:nth-child(4) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(4):before { display: block; width: 1em; content: "ধ জ ঊ ক ৬ চ ০ ট ধ ঊ ৯ জ আ ক আ ৪ আ ০ ৫ ঘ দ ই ৬ ধ"; } .matrix li:nth-child(4):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -96px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(37.5%, rgba(0, 0, 0, 0)), color-stop(37.5%, #000000), color-stop(100%, #000000)) 0 -96px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 216px, #000000 216px, #000000 576px) 0 -96px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 216px, #000000 216px, #000000 576px) 0 -96px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 216px, #000000 216px, #000000 576px) 0 -96px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "চ"; padding-top: 120px; overflow: hidden; -webkit-animation: 1920ms column-4 infinite steps(1, start); -moz-animation: 1920ms column-4 infinite steps(1, start); -ms-animation: 1920ms column-4 infinite steps(1, start); -o-animation: 1920ms column-4 infinite steps(1, start); animation: 1920ms column-4 infinite steps(1, start); } @-webkit-keyframes column-4 { 0% { background-position: 0 -96px; padding-top: 120px; } 4.16667% { background-position: 0 -72px; padding-top: 144px; } 8.33333% { background-position: 0 -48px; padding-top: 168px; } 12.5% { background-position: 0 -24px; padding-top: 192px; } 16.66667% { background-position: 0 0px; padding-top: 216px; } 20.83333% { background-position: 0 24px; padding-top: 240px; } 25% { background-position: 0 48px; padding-top: 264px; } 29.16667% { background-position: 0 72px; padding-top: 288px; } 33.33333% { background-position: 0 96px; padding-top: 312px; } 37.5% { background-position: 0 120px; padding-top: 336px; } 41.66667% { background-position: 0 144px; padding-top: 360px; } 45.83333% { background-position: 0 168px; padding-top: 384px; } 50% { background-position: 0 192px; padding-top: 408px; } 54.16667% { background-position: 0 216px; padding-top: 432px; } 58.33333% { background-position: 0 240px; padding-top: 456px; } 62.5% { background-position: 0 264px; padding-top: 480px; } 66.66667% { background-position: 0 288px; padding-top: 504px; } 70.83333% { background-position: 0 312px; padding-top: 528px; } 75% { background-position: 0 336px; padding-top: 552px; } 79.16667% { background-position: 0 -216px; padding-top: 0px; } 83.33333% { background-position: 0 -192px; padding-top: 24px; } 87.5% { background-position: 0 -168px; padding-top: 48px; } 91.66667% { background-position: 0 -144px; padding-top: 72px; } 95.83333% { background-position: 0 -120px; padding-top: 96px; } } @-moz-keyframes column-4 { 0% { background-position: 0 -96px; padding-top: 120px; } 4.16667% { background-position: 0 -72px; padding-top: 144px; } 8.33333% { background-position: 0 -48px; padding-top: 168px; } 12.5% { background-position: 0 -24px; padding-top: 192px; } 16.66667% { background-position: 0 0px; padding-top: 216px; } 20.83333% { background-position: 0 24px; padding-top: 240px; } 25% { background-position: 0 48px; padding-top: 264px; } 29.16667% { background-position: 0 72px; padding-top: 288px; } 33.33333% { background-position: 0 96px; padding-top: 312px; } 37.5% { background-position: 0 120px; padding-top: 336px; } 41.66667% { background-position: 0 144px; padding-top: 360px; } 45.83333% { background-position: 0 168px; padding-top: 384px; } 50% { background-position: 0 192px; padding-top: 408px; } 54.16667% { background-position: 0 216px; padding-top: 432px; } 58.33333% { background-position: 0 240px; padding-top: 456px; } 62.5% { background-position: 0 264px; padding-top: 480px; } 66.66667% { background-position: 0 288px; padding-top: 504px; } 70.83333% { background-position: 0 312px; padding-top: 528px; } 75% { background-position: 0 336px; padding-top: 552px; } 79.16667% { background-position: 0 -216px; padding-top: 0px; } 83.33333% { background-position: 0 -192px; padding-top: 24px; } 87.5% { background-position: 0 -168px; padding-top: 48px; } 91.66667% { background-position: 0 -144px; padding-top: 72px; } 95.83333% { background-position: 0 -120px; padding-top: 96px; } } @-o-keyframes column-4 { 0% { background-position: 0 -96px; padding-top: 120px; } 4.16667% { background-position: 0 -72px; padding-top: 144px; } 8.33333% { background-position: 0 -48px; padding-top: 168px; } 12.5% { background-position: 0 -24px; padding-top: 192px; } 16.66667% { background-position: 0 0px; padding-top: 216px; } 20.83333% { background-position: 0 24px; padding-top: 240px; } 25% { background-position: 0 48px; padding-top: 264px; } 29.16667% { background-position: 0 72px; padding-top: 288px; } 33.33333% { background-position: 0 96px; padding-top: 312px; } 37.5% { background-position: 0 120px; padding-top: 336px; } 41.66667% { background-position: 0 144px; padding-top: 360px; } 45.83333% { background-position: 0 168px; padding-top: 384px; } 50% { background-position: 0 192px; padding-top: 408px; } 54.16667% { background-position: 0 216px; padding-top: 432px; } 58.33333% { background-position: 0 240px; padding-top: 456px; } 62.5% { background-position: 0 264px; padding-top: 480px; } 66.66667% { background-position: 0 288px; padding-top: 504px; } 70.83333% { background-position: 0 312px; padding-top: 528px; } 75% { background-position: 0 336px; padding-top: 552px; } 79.16667% { background-position: 0 -216px; padding-top: 0px; } 83.33333% { background-position: 0 -192px; padding-top: 24px; } 87.5% { background-position: 0 -168px; padding-top: 48px; } 91.66667% { background-position: 0 -144px; padding-top: 72px; } 95.83333% { background-position: 0 -120px; padding-top: 96px; } } @keyframes column-4 { 0% { background-position: 0 -96px; padding-top: 120px; } 4.16667% { background-position: 0 -72px; padding-top: 144px; } 8.33333% { background-position: 0 -48px; padding-top: 168px; } 12.5% { background-position: 0 -24px; padding-top: 192px; } 16.66667% { background-position: 0 0px; padding-top: 216px; } 20.83333% { background-position: 0 24px; padding-top: 240px; } 25% { background-position: 0 48px; padding-top: 264px; } 29.16667% { background-position: 0 72px; padding-top: 288px; } 33.33333% { background-position: 0 96px; padding-top: 312px; } 37.5% { background-position: 0 120px; padding-top: 336px; } 41.66667% { background-position: 0 144px; padding-top: 360px; } 45.83333% { background-position: 0 168px; padding-top: 384px; } 50% { background-position: 0 192px; padding-top: 408px; } 54.16667% { background-position: 0 216px; padding-top: 432px; } 58.33333% { background-position: 0 240px; padding-top: 456px; } 62.5% { background-position: 0 264px; padding-top: 480px; } 66.66667% { background-position: 0 288px; padding-top: 504px; } 70.83333% { background-position: 0 312px; padding-top: 528px; } 75% { background-position: 0 336px; padding-top: 552px; } 79.16667% { background-position: 0 -216px; padding-top: 0px; } 83.33333% { background-position: 0 -192px; padding-top: 24px; } 87.5% { background-position: 0 -168px; padding-top: 48px; } 91.66667% { background-position: 0 -144px; padding-top: 72px; } 95.83333% { background-position: 0 -120px; padding-top: 96px; } } .matrix li:nth-child(5) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(5):before { display: block; width: 1em; content: "ছ ৮ জ ঝ খ ই থ ই ৮ ০ ৭ タ ৮ আ ই ৯ আ উ খ ৭ ছ ঙ ক ১"; } .matrix li:nth-child(5):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 216px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #000000), color-stop(100%, #000000)) 0 216px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 288px, #000000 288px, #000000 576px) 0 216px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 288px, #000000 288px, #000000 576px) 0 216px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 288px, #000000 288px, #000000 576px) 0 216px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "ঙ"; padding-top: 504px; overflow: hidden; -webkit-animation: 1920ms column-5 infinite steps(1, start); -moz-animation: 1920ms column-5 infinite steps(1, start); -ms-animation: 1920ms column-5 infinite steps(1, start); -o-animation: 1920ms column-5 infinite steps(1, start); animation: 1920ms column-5 infinite steps(1, start); } @-webkit-keyframes column-5 { 0% { background-position: 0 216px; padding-top: 504px; } 4.16667% { background-position: 0 240px; padding-top: 528px; } 8.33333% { background-position: 0 264px; padding-top: 552px; } 12.5% { background-position: 0 -288px; padding-top: 0px; } 16.66667% { background-position: 0 -264px; padding-top: 24px; } 20.83333% { background-position: 0 -240px; padding-top: 48px; } 25% { background-position: 0 -216px; padding-top: 72px; } 29.16667% { background-position: 0 -192px; padding-top: 96px; } 33.33333% { background-position: 0 -168px; padding-top: 120px; } 37.5% { background-position: 0 -144px; padding-top: 144px; } 41.66667% { background-position: 0 -120px; padding-top: 168px; } 45.83333% { background-position: 0 -96px; padding-top: 192px; } 50% { background-position: 0 -72px; padding-top: 216px; } 54.16667% { background-position: 0 -48px; padding-top: 240px; } 58.33333% { background-position: 0 -24px; padding-top: 264px; } 62.5% { background-position: 0 0px; padding-top: 288px; } 66.66667% { background-position: 0 24px; padding-top: 312px; } 70.83333% { background-position: 0 48px; padding-top: 336px; } 75% { background-position: 0 72px; padding-top: 360px; } 79.16667% { background-position: 0 96px; padding-top: 384px; } 83.33333% { background-position: 0 120px; padding-top: 408px; } 87.5% { background-position: 0 144px; padding-top: 432px; } 91.66667% { background-position: 0 168px; padding-top: 456px; } 95.83333% { background-position: 0 192px; padding-top: 480px; } } @-moz-keyframes column-5 { 0% { background-position: 0 216px; padding-top: 504px; } 4.16667% { background-position: 0 240px; padding-top: 528px; } 8.33333% { background-position: 0 264px; padding-top: 552px; } 12.5% { background-position: 0 -288px; padding-top: 0px; } 16.66667% { background-position: 0 -264px; padding-top: 24px; } 20.83333% { background-position: 0 -240px; padding-top: 48px; } 25% { background-position: 0 -216px; padding-top: 72px; } 29.16667% { background-position: 0 -192px; padding-top: 96px; } 33.33333% { background-position: 0 -168px; padding-top: 120px; } 37.5% { background-position: 0 -144px; padding-top: 144px; } 41.66667% { background-position: 0 -120px; padding-top: 168px; } 45.83333% { background-position: 0 -96px; padding-top: 192px; } 50% { background-position: 0 -72px; padding-top: 216px; } 54.16667% { background-position: 0 -48px; padding-top: 240px; } 58.33333% { background-position: 0 -24px; padding-top: 264px; } 62.5% { background-position: 0 0px; padding-top: 288px; } 66.66667% { background-position: 0 24px; padding-top: 312px; } 70.83333% { background-position: 0 48px; padding-top: 336px; } 75% { background-position: 0 72px; padding-top: 360px; } 79.16667% { background-position: 0 96px; padding-top: 384px; } 83.33333% { background-position: 0 120px; padding-top: 408px; } 87.5% { background-position: 0 144px; padding-top: 432px; } 91.66667% { background-position: 0 168px; padding-top: 456px; } 95.83333% { background-position: 0 192px; padding-top: 480px; } } @-o-keyframes column-5 { 0% { background-position: 0 216px; padding-top: 504px; } 4.16667% { background-position: 0 240px; padding-top: 528px; } 8.33333% { background-position: 0 264px; padding-top: 552px; } 12.5% { background-position: 0 -288px; padding-top: 0px; } 16.66667% { background-position: 0 -264px; padding-top: 24px; } 20.83333% { background-position: 0 -240px; padding-top: 48px; } 25% { background-position: 0 -216px; padding-top: 72px; } 29.16667% { background-position: 0 -192px; padding-top: 96px; } 33.33333% { background-position: 0 -168px; padding-top: 120px; } 37.5% { background-position: 0 -144px; padding-top: 144px; } 41.66667% { background-position: 0 -120px; padding-top: 168px; } 45.83333% { background-position: 0 -96px; padding-top: 192px; } 50% { background-position: 0 -72px; padding-top: 216px; } 54.16667% { background-position: 0 -48px; padding-top: 240px; } 58.33333% { background-position: 0 -24px; padding-top: 264px; } 62.5% { background-position: 0 0px; padding-top: 288px; } 66.66667% { background-position: 0 24px; padding-top: 312px; } 70.83333% { background-position: 0 48px; padding-top: 336px; } 75% { background-position: 0 72px; padding-top: 360px; } 79.16667% { background-position: 0 96px; padding-top: 384px; } 83.33333% { background-position: 0 120px; padding-top: 408px; } 87.5% { background-position: 0 144px; padding-top: 432px; } 91.66667% { background-position: 0 168px; padding-top: 456px; } 95.83333% { background-position: 0 192px; padding-top: 480px; } } @keyframes column-5 { 0% { background-position: 0 216px; padding-top: 504px; } 4.16667% { background-position: 0 240px; padding-top: 528px; } 8.33333% { background-position: 0 264px; padding-top: 552px; } 12.5% { background-position: 0 -288px; padding-top: 0px; } 16.66667% { background-position: 0 -264px; padding-top: 24px; } 20.83333% { background-position: 0 -240px; padding-top: 48px; } 25% { background-position: 0 -216px; padding-top: 72px; } 29.16667% { background-position: 0 -192px; padding-top: 96px; } 33.33333% { background-position: 0 -168px; padding-top: 120px; } 37.5% { background-position: 0 -144px; padding-top: 144px; } 41.66667% { background-position: 0 -120px; padding-top: 168px; } 45.83333% { background-position: 0 -96px; padding-top: 192px; } 50% { background-position: 0 -72px; padding-top: 216px; } 54.16667% { background-position: 0 -48px; padding-top: 240px; } 58.33333% { background-position: 0 -24px; padding-top: 264px; } 62.5% { background-position: 0 0px; padding-top: 288px; } 66.66667% { background-position: 0 24px; padding-top: 312px; } 70.83333% { background-position: 0 48px; padding-top: 336px; } 75% { background-position: 0 72px; padding-top: 360px; } 79.16667% { background-position: 0 96px; padding-top: 384px; } 83.33333% { background-position: 0 120px; padding-top: 408px; } 87.5% { background-position: 0 144px; padding-top: 432px; } 91.66667% { background-position: 0 168px; padding-top: 456px; } 95.83333% { background-position: 0 192px; padding-top: 480px; } } .matrix li:nth-child(6) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(6):before { display: block; width: 1em; content: "খ ট ই ঔ আ চ ৫ ঊ ঊ উ উ ৯ গ ৩ ০ ০ ঙ চ ৯ ০ ই ঔ ঐ আ"; } .matrix li:nth-child(6):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2Mi41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -144px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(62.5%, rgba(0, 0, 0, 0)), color-stop(62.5%, #000000), color-stop(100%, #000000)) 0 -144px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 360px, #000000 360px, #000000 576px) 0 -144px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 360px, #000000 360px, #000000 576px) 0 -144px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 360px, #000000 360px, #000000 576px) 0 -144px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "উ"; padding-top: 216px; overflow: hidden; -webkit-animation: 1920ms column-6 infinite steps(1, start); -moz-animation: 1920ms column-6 infinite steps(1, start); -ms-animation: 1920ms column-6 infinite steps(1, start); -o-animation: 1920ms column-6 infinite steps(1, start); animation: 1920ms column-6 infinite steps(1, start); } @-webkit-keyframes column-6 { 0% { background-position: 0 -144px; padding-top: 216px; } 4.16667% { background-position: 0 -120px; padding-top: 240px; } 8.33333% { background-position: 0 -96px; padding-top: 264px; } 12.5% { background-position: 0 -72px; padding-top: 288px; } 16.66667% { background-position: 0 -48px; padding-top: 312px; } 20.83333% { background-position: 0 -24px; padding-top: 336px; } 25% { background-position: 0 0px; padding-top: 360px; } 29.16667% { background-position: 0 24px; padding-top: 384px; } 33.33333% { background-position: 0 48px; padding-top: 408px; } 37.5% { background-position: 0 72px; padding-top: 432px; } 41.66667% { background-position: 0 96px; padding-top: 456px; } 45.83333% { background-position: 0 120px; padding-top: 480px; } 50% { background-position: 0 144px; padding-top: 504px; } 54.16667% { background-position: 0 168px; padding-top: 528px; } 58.33333% { background-position: 0 192px; padding-top: 552px; } 62.5% { background-position: 0 -360px; padding-top: 0px; } 66.66667% { background-position: 0 -336px; padding-top: 24px; } 70.83333% { background-position: 0 -312px; padding-top: 48px; } 75% { background-position: 0 -288px; padding-top: 72px; } 79.16667% { background-position: 0 -264px; padding-top: 96px; } 83.33333% { background-position: 0 -240px; padding-top: 120px; } 87.5% { background-position: 0 -216px; padding-top: 144px; } 91.66667% { background-position: 0 -192px; padding-top: 168px; } 95.83333% { background-position: 0 -168px; padding-top: 192px; } } @-moz-keyframes column-6 { 0% { background-position: 0 -144px; padding-top: 216px; } 4.16667% { background-position: 0 -120px; padding-top: 240px; } 8.33333% { background-position: 0 -96px; padding-top: 264px; } 12.5% { background-position: 0 -72px; padding-top: 288px; } 16.66667% { background-position: 0 -48px; padding-top: 312px; } 20.83333% { background-position: 0 -24px; padding-top: 336px; } 25% { background-position: 0 0px; padding-top: 360px; } 29.16667% { background-position: 0 24px; padding-top: 384px; } 33.33333% { background-position: 0 48px; padding-top: 408px; } 37.5% { background-position: 0 72px; padding-top: 432px; } 41.66667% { background-position: 0 96px; padding-top: 456px; } 45.83333% { background-position: 0 120px; padding-top: 480px; } 50% { background-position: 0 144px; padding-top: 504px; } 54.16667% { background-position: 0 168px; padding-top: 528px; } 58.33333% { background-position: 0 192px; padding-top: 552px; } 62.5% { background-position: 0 -360px; padding-top: 0px; } 66.66667% { background-position: 0 -336px; padding-top: 24px; } 70.83333% { background-position: 0 -312px; padding-top: 48px; } 75% { background-position: 0 -288px; padding-top: 72px; } 79.16667% { background-position: 0 -264px; padding-top: 96px; } 83.33333% { background-position: 0 -240px; padding-top: 120px; } 87.5% { background-position: 0 -216px; padding-top: 144px; } 91.66667% { background-position: 0 -192px; padding-top: 168px; } 95.83333% { background-position: 0 -168px; padding-top: 192px; } } @-o-keyframes column-6 { 0% { background-position: 0 -144px; padding-top: 216px; } 4.16667% { background-position: 0 -120px; padding-top: 240px; } 8.33333% { background-position: 0 -96px; padding-top: 264px; } 12.5% { background-position: 0 -72px; padding-top: 288px; } 16.66667% { background-position: 0 -48px; padding-top: 312px; } 20.83333% { background-position: 0 -24px; padding-top: 336px; } 25% { background-position: 0 0px; padding-top: 360px; } 29.16667% { background-position: 0 24px; padding-top: 384px; } 33.33333% { background-position: 0 48px; padding-top: 408px; } 37.5% { background-position: 0 72px; padding-top: 432px; } 41.66667% { background-position: 0 96px; padding-top: 456px; } 45.83333% { background-position: 0 120px; padding-top: 480px; } 50% { background-position: 0 144px; padding-top: 504px; } 54.16667% { background-position: 0 168px; padding-top: 528px; } 58.33333% { background-position: 0 192px; padding-top: 552px; } 62.5% { background-position: 0 -360px; padding-top: 0px; } 66.66667% { background-position: 0 -336px; padding-top: 24px; } 70.83333% { background-position: 0 -312px; padding-top: 48px; } 75% { background-position: 0 -288px; padding-top: 72px; } 79.16667% { background-position: 0 -264px; padding-top: 96px; } 83.33333% { background-position: 0 -240px; padding-top: 120px; } 87.5% { background-position: 0 -216px; padding-top: 144px; } 91.66667% { background-position: 0 -192px; padding-top: 168px; } 95.83333% { background-position: 0 -168px; padding-top: 192px; } } @keyframes column-6 { 0% { background-position: 0 -144px; padding-top: 216px; } 4.16667% { background-position: 0 -120px; padding-top: 240px; } 8.33333% { background-position: 0 -96px; padding-top: 264px; } 12.5% { background-position: 0 -72px; padding-top: 288px; } 16.66667% { background-position: 0 -48px; padding-top: 312px; } 20.83333% { background-position: 0 -24px; padding-top: 336px; } 25% { background-position: 0 0px; padding-top: 360px; } 29.16667% { background-position: 0 24px; padding-top: 384px; } 33.33333% { background-position: 0 48px; padding-top: 408px; } 37.5% { background-position: 0 72px; padding-top: 432px; } 41.66667% { background-position: 0 96px; padding-top: 456px; } 45.83333% { background-position: 0 120px; padding-top: 480px; } 50% { background-position: 0 144px; padding-top: 504px; } 54.16667% { background-position: 0 168px; padding-top: 528px; } 58.33333% { background-position: 0 192px; padding-top: 552px; } 62.5% { background-position: 0 -360px; padding-top: 0px; } 66.66667% { background-position: 0 -336px; padding-top: 24px; } 70.83333% { background-position: 0 -312px; padding-top: 48px; } 75% { background-position: 0 -288px; padding-top: 72px; } 79.16667% { background-position: 0 -264px; padding-top: 96px; } 83.33333% { background-position: 0 -240px; padding-top: 120px; } 87.5% { background-position: 0 -216px; padding-top: 144px; } 91.66667% { background-position: 0 -192px; padding-top: 168px; } 95.83333% { background-position: 0 -168px; padding-top: 192px; } } .matrix li:nth-child(7) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(7):before { display: block; width: 1em; content: "ঘ ছ ট ০ ট আ ৯ চ ৬ ধ ঊ থ ০ ঝ ট জ গ আ ঈ ৮ উ ৬ খ ৫"; } .matrix li:nth-child(7):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 264px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(33.33333%, rgba(0, 0, 0, 0)), color-stop(33.33333%, #000000), color-stop(100%, #000000)) 0 264px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 192px, #000000 192px, #000000 576px) 0 264px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 192px, #000000 192px, #000000 576px) 0 264px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 192px, #000000 192px, #000000 576px) 0 264px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "৮"; padding-top: 456px; overflow: hidden; -webkit-animation: 1920ms column-7 infinite steps(1, start); -moz-animation: 1920ms column-7 infinite steps(1, start); -ms-animation: 1920ms column-7 infinite steps(1, start); -o-animation: 1920ms column-7 infinite steps(1, start); animation: 1920ms column-7 infinite steps(1, start); } @-webkit-keyframes column-7 { 0% { background-position: 0 264px; padding-top: 456px; } 4.16667% { background-position: 0 288px; padding-top: 480px; } 8.33333% { background-position: 0 312px; padding-top: 504px; } 12.5% { background-position: 0 336px; padding-top: 528px; } 16.66667% { background-position: 0 360px; padding-top: 552px; } 20.83333% { background-position: 0 -192px; padding-top: 0px; } 25% { background-position: 0 -168px; padding-top: 24px; } 29.16667% { background-position: 0 -144px; padding-top: 48px; } 33.33333% { background-position: 0 -120px; padding-top: 72px; } 37.5% { background-position: 0 -96px; padding-top: 96px; } 41.66667% { background-position: 0 -72px; padding-top: 120px; } 45.83333% { background-position: 0 -48px; padding-top: 144px; } 50% { background-position: 0 -24px; padding-top: 168px; } 54.16667% { background-position: 0 0px; padding-top: 192px; } 58.33333% { background-position: 0 24px; padding-top: 216px; } 62.5% { background-position: 0 48px; padding-top: 240px; } 66.66667% { background-position: 0 72px; padding-top: 264px; } 70.83333% { background-position: 0 96px; padding-top: 288px; } 75% { background-position: 0 120px; padding-top: 312px; } 79.16667% { background-position: 0 144px; padding-top: 336px; } 83.33333% { background-position: 0 168px; padding-top: 360px; } 87.5% { background-position: 0 192px; padding-top: 384px; } 91.66667% { background-position: 0 216px; padding-top: 408px; } 95.83333% { background-position: 0 240px; padding-top: 432px; } } @-moz-keyframes column-7 { 0% { background-position: 0 264px; padding-top: 456px; } 4.16667% { background-position: 0 288px; padding-top: 480px; } 8.33333% { background-position: 0 312px; padding-top: 504px; } 12.5% { background-position: 0 336px; padding-top: 528px; } 16.66667% { background-position: 0 360px; padding-top: 552px; } 20.83333% { background-position: 0 -192px; padding-top: 0px; } 25% { background-position: 0 -168px; padding-top: 24px; } 29.16667% { background-position: 0 -144px; padding-top: 48px; } 33.33333% { background-position: 0 -120px; padding-top: 72px; } 37.5% { background-position: 0 -96px; padding-top: 96px; } 41.66667% { background-position: 0 -72px; padding-top: 120px; } 45.83333% { background-position: 0 -48px; padding-top: 144px; } 50% { background-position: 0 -24px; padding-top: 168px; } 54.16667% { background-position: 0 0px; padding-top: 192px; } 58.33333% { background-position: 0 24px; padding-top: 216px; } 62.5% { background-position: 0 48px; padding-top: 240px; } 66.66667% { background-position: 0 72px; padding-top: 264px; } 70.83333% { background-position: 0 96px; padding-top: 288px; } 75% { background-position: 0 120px; padding-top: 312px; } 79.16667% { background-position: 0 144px; padding-top: 336px; } 83.33333% { background-position: 0 168px; padding-top: 360px; } 87.5% { background-position: 0 192px; padding-top: 384px; } 91.66667% { background-position: 0 216px; padding-top: 408px; } 95.83333% { background-position: 0 240px; padding-top: 432px; } } @-o-keyframes column-7 { 0% { background-position: 0 264px; padding-top: 456px; } 4.16667% { background-position: 0 288px; padding-top: 480px; } 8.33333% { background-position: 0 312px; padding-top: 504px; } 12.5% { background-position: 0 336px; padding-top: 528px; } 16.66667% { background-position: 0 360px; padding-top: 552px; } 20.83333% { background-position: 0 -192px; padding-top: 0px; } 25% { background-position: 0 -168px; padding-top: 24px; } 29.16667% { background-position: 0 -144px; padding-top: 48px; } 33.33333% { background-position: 0 -120px; padding-top: 72px; } 37.5% { background-position: 0 -96px; padding-top: 96px; } 41.66667% { background-position: 0 -72px; padding-top: 120px; } 45.83333% { background-position: 0 -48px; padding-top: 144px; } 50% { background-position: 0 -24px; padding-top: 168px; } 54.16667% { background-position: 0 0px; padding-top: 192px; } 58.33333% { background-position: 0 24px; padding-top: 216px; } 62.5% { background-position: 0 48px; padding-top: 240px; } 66.66667% { background-position: 0 72px; padding-top: 264px; } 70.83333% { background-position: 0 96px; padding-top: 288px; } 75% { background-position: 0 120px; padding-top: 312px; } 79.16667% { background-position: 0 144px; padding-top: 336px; } 83.33333% { background-position: 0 168px; padding-top: 360px; } 87.5% { background-position: 0 192px; padding-top: 384px; } 91.66667% { background-position: 0 216px; padding-top: 408px; } 95.83333% { background-position: 0 240px; padding-top: 432px; } } @keyframes column-7 { 0% { background-position: 0 264px; padding-top: 456px; } 4.16667% { background-position: 0 288px; padding-top: 480px; } 8.33333% { background-position: 0 312px; padding-top: 504px; } 12.5% { background-position: 0 336px; padding-top: 528px; } 16.66667% { background-position: 0 360px; padding-top: 552px; } 20.83333% { background-position: 0 -192px; padding-top: 0px; } 25% { background-position: 0 -168px; padding-top: 24px; } 29.16667% { background-position: 0 -144px; padding-top: 48px; } 33.33333% { background-position: 0 -120px; padding-top: 72px; } 37.5% { background-position: 0 -96px; padding-top: 96px; } 41.66667% { background-position: 0 -72px; padding-top: 120px; } 45.83333% { background-position: 0 -48px; padding-top: 144px; } 50% { background-position: 0 -24px; padding-top: 168px; } 54.16667% { background-position: 0 0px; padding-top: 192px; } 58.33333% { background-position: 0 24px; padding-top: 216px; } 62.5% { background-position: 0 48px; padding-top: 240px; } 66.66667% { background-position: 0 72px; padding-top: 264px; } 70.83333% { background-position: 0 96px; padding-top: 288px; } 75% { background-position: 0 120px; padding-top: 312px; } 79.16667% { background-position: 0 144px; padding-top: 336px; } 83.33333% { background-position: 0 168px; padding-top: 360px; } 87.5% { background-position: 0 192px; padding-top: 384px; } 91.66667% { background-position: 0 216px; padding-top: 408px; } 95.83333% { background-position: 0 240px; padding-top: 432px; } } .matrix li:nth-child(8) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(8):before { display: block; width: 1em; content: "ঈ ৫ থ খ আ タ ৬ ৪ ই ঙ ৪ ই ধ আ ২ ঈ এ এ দ থ ছ উ ৯ ই"; } .matrix li:nth-child(8):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 48px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(45.83333%, rgba(0, 0, 0, 0)), color-stop(45.83333%, #000000), color-stop(100%, #000000)) 0 48px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 48px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 48px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 48px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "আ"; padding-top: 312px; overflow: hidden; -webkit-animation: 1920ms column-8 infinite steps(1, start); -moz-animation: 1920ms column-8 infinite steps(1, start); -ms-animation: 1920ms column-8 infinite steps(1, start); -o-animation: 1920ms column-8 infinite steps(1, start); animation: 1920ms column-8 infinite steps(1, start); } @-webkit-keyframes column-8 { 0% { background-position: 0 48px; padding-top: 312px; } 4.16667% { background-position: 0 72px; padding-top: 336px; } 8.33333% { background-position: 0 96px; padding-top: 360px; } 12.5% { background-position: 0 120px; padding-top: 384px; } 16.66667% { background-position: 0 144px; padding-top: 408px; } 20.83333% { background-position: 0 168px; padding-top: 432px; } 25% { background-position: 0 192px; padding-top: 456px; } 29.16667% { background-position: 0 216px; padding-top: 480px; } 33.33333% { background-position: 0 240px; padding-top: 504px; } 37.5% { background-position: 0 264px; padding-top: 528px; } 41.66667% { background-position: 0 288px; padding-top: 552px; } 45.83333% { background-position: 0 -264px; padding-top: 0px; } 50% { background-position: 0 -240px; padding-top: 24px; } 54.16667% { background-position: 0 -216px; padding-top: 48px; } 58.33333% { background-position: 0 -192px; padding-top: 72px; } 62.5% { background-position: 0 -168px; padding-top: 96px; } 66.66667% { background-position: 0 -144px; padding-top: 120px; } 70.83333% { background-position: 0 -120px; padding-top: 144px; } 75% { background-position: 0 -96px; padding-top: 168px; } 79.16667% { background-position: 0 -72px; padding-top: 192px; } 83.33333% { background-position: 0 -48px; padding-top: 216px; } 87.5% { background-position: 0 -24px; padding-top: 240px; } 91.66667% { background-position: 0 0px; padding-top: 264px; } 95.83333% { background-position: 0 24px; padding-top: 288px; } } @-moz-keyframes column-8 { 0% { background-position: 0 48px; padding-top: 312px; } 4.16667% { background-position: 0 72px; padding-top: 336px; } 8.33333% { background-position: 0 96px; padding-top: 360px; } 12.5% { background-position: 0 120px; padding-top: 384px; } 16.66667% { background-position: 0 144px; padding-top: 408px; } 20.83333% { background-position: 0 168px; padding-top: 432px; } 25% { background-position: 0 192px; padding-top: 456px; } 29.16667% { background-position: 0 216px; padding-top: 480px; } 33.33333% { background-position: 0 240px; padding-top: 504px; } 37.5% { background-position: 0 264px; padding-top: 528px; } 41.66667% { background-position: 0 288px; padding-top: 552px; } 45.83333% { background-position: 0 -264px; padding-top: 0px; } 50% { background-position: 0 -240px; padding-top: 24px; } 54.16667% { background-position: 0 -216px; padding-top: 48px; } 58.33333% { background-position: 0 -192px; padding-top: 72px; } 62.5% { background-position: 0 -168px; padding-top: 96px; } 66.66667% { background-position: 0 -144px; padding-top: 120px; } 70.83333% { background-position: 0 -120px; padding-top: 144px; } 75% { background-position: 0 -96px; padding-top: 168px; } 79.16667% { background-position: 0 -72px; padding-top: 192px; } 83.33333% { background-position: 0 -48px; padding-top: 216px; } 87.5% { background-position: 0 -24px; padding-top: 240px; } 91.66667% { background-position: 0 0px; padding-top: 264px; } 95.83333% { background-position: 0 24px; padding-top: 288px; } } @-o-keyframes column-8 { 0% { background-position: 0 48px; padding-top: 312px; } 4.16667% { background-position: 0 72px; padding-top: 336px; } 8.33333% { background-position: 0 96px; padding-top: 360px; } 12.5% { background-position: 0 120px; padding-top: 384px; } 16.66667% { background-position: 0 144px; padding-top: 408px; } 20.83333% { background-position: 0 168px; padding-top: 432px; } 25% { background-position: 0 192px; padding-top: 456px; } 29.16667% { background-position: 0 216px; padding-top: 480px; } 33.33333% { background-position: 0 240px; padding-top: 504px; } 37.5% { background-position: 0 264px; padding-top: 528px; } 41.66667% { background-position: 0 288px; padding-top: 552px; } 45.83333% { background-position: 0 -264px; padding-top: 0px; } 50% { background-position: 0 -240px; padding-top: 24px; } 54.16667% { background-position: 0 -216px; padding-top: 48px; } 58.33333% { background-position: 0 -192px; padding-top: 72px; } 62.5% { background-position: 0 -168px; padding-top: 96px; } 66.66667% { background-position: 0 -144px; padding-top: 120px; } 70.83333% { background-position: 0 -120px; padding-top: 144px; } 75% { background-position: 0 -96px; padding-top: 168px; } 79.16667% { background-position: 0 -72px; padding-top: 192px; } 83.33333% { background-position: 0 -48px; padding-top: 216px; } 87.5% { background-position: 0 -24px; padding-top: 240px; } 91.66667% { background-position: 0 0px; padding-top: 264px; } 95.83333% { background-position: 0 24px; padding-top: 288px; } } @keyframes column-8 { 0% { background-position: 0 48px; padding-top: 312px; } 4.16667% { background-position: 0 72px; padding-top: 336px; } 8.33333% { background-position: 0 96px; padding-top: 360px; } 12.5% { background-position: 0 120px; padding-top: 384px; } 16.66667% { background-position: 0 144px; padding-top: 408px; } 20.83333% { background-position: 0 168px; padding-top: 432px; } 25% { background-position: 0 192px; padding-top: 456px; } 29.16667% { background-position: 0 216px; padding-top: 480px; } 33.33333% { background-position: 0 240px; padding-top: 504px; } 37.5% { background-position: 0 264px; padding-top: 528px; } 41.66667% { background-position: 0 288px; padding-top: 552px; } 45.83333% { background-position: 0 -264px; padding-top: 0px; } 50% { background-position: 0 -240px; padding-top: 24px; } 54.16667% { background-position: 0 -216px; padding-top: 48px; } 58.33333% { background-position: 0 -192px; padding-top: 72px; } 62.5% { background-position: 0 -168px; padding-top: 96px; } 66.66667% { background-position: 0 -144px; padding-top: 120px; } 70.83333% { background-position: 0 -120px; padding-top: 144px; } 75% { background-position: 0 -96px; padding-top: 168px; } 79.16667% { background-position: 0 -72px; padding-top: 192px; } 83.33333% { background-position: 0 -48px; padding-top: 216px; } 87.5% { background-position: 0 -24px; padding-top: 240px; } 91.66667% { background-position: 0 0px; padding-top: 264px; } 95.83333% { background-position: 0 24px; padding-top: 288px; } } .matrix li:nth-child(9) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(9):before { display: block; width: 1em; content: "৯ ঊ চ আ খ উ ঊ ঈ タ জ আ আ ৮ ধ ঈ উ ণ ঔ ছ ৮ ৩ ঈ ঔ ২"; } .matrix li:nth-child(9):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -72px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #000000), color-stop(100%, #000000)) 0 -72px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 432px, #000000 432px, #000000 576px) 0 -72px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 432px, #000000 432px, #000000 576px) 0 -72px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 432px, #000000 432px, #000000 576px) 0 -72px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "উ"; padding-top: 360px; overflow: hidden; -webkit-animation: 1920ms column-9 infinite steps(1, start); -moz-animation: 1920ms column-9 infinite steps(1, start); -ms-animation: 1920ms column-9 infinite steps(1, start); -o-animation: 1920ms column-9 infinite steps(1, start); animation: 1920ms column-9 infinite steps(1, start); } @-webkit-keyframes column-9 { 0% { background-position: 0 -72px; padding-top: 360px; } 4.16667% { background-position: 0 -48px; padding-top: 384px; } 8.33333% { background-position: 0 -24px; padding-top: 408px; } 12.5% { background-position: 0 0px; padding-top: 432px; } 16.66667% { background-position: 0 24px; padding-top: 456px; } 20.83333% { background-position: 0 48px; padding-top: 480px; } 25% { background-position: 0 72px; padding-top: 504px; } 29.16667% { background-position: 0 96px; padding-top: 528px; } 33.33333% { background-position: 0 120px; padding-top: 552px; } 37.5% { background-position: 0 -432px; padding-top: 0px; } 41.66667% { background-position: 0 -408px; padding-top: 24px; } 45.83333% { background-position: 0 -384px; padding-top: 48px; } 50% { background-position: 0 -360px; padding-top: 72px; } 54.16667% { background-position: 0 -336px; padding-top: 96px; } 58.33333% { background-position: 0 -312px; padding-top: 120px; } 62.5% { background-position: 0 -288px; padding-top: 144px; } 66.66667% { background-position: 0 -264px; padding-top: 168px; } 70.83333% { background-position: 0 -240px; padding-top: 192px; } 75% { background-position: 0 -216px; padding-top: 216px; } 79.16667% { background-position: 0 -192px; padding-top: 240px; } 83.33333% { background-position: 0 -168px; padding-top: 264px; } 87.5% { background-position: 0 -144px; padding-top: 288px; } 91.66667% { background-position: 0 -120px; padding-top: 312px; } 95.83333% { background-position: 0 -96px; padding-top: 336px; } } @-moz-keyframes column-9 { 0% { background-position: 0 -72px; padding-top: 360px; } 4.16667% { background-position: 0 -48px; padding-top: 384px; } 8.33333% { background-position: 0 -24px; padding-top: 408px; } 12.5% { background-position: 0 0px; padding-top: 432px; } 16.66667% { background-position: 0 24px; padding-top: 456px; } 20.83333% { background-position: 0 48px; padding-top: 480px; } 25% { background-position: 0 72px; padding-top: 504px; } 29.16667% { background-position: 0 96px; padding-top: 528px; } 33.33333% { background-position: 0 120px; padding-top: 552px; } 37.5% { background-position: 0 -432px; padding-top: 0px; } 41.66667% { background-position: 0 -408px; padding-top: 24px; } 45.83333% { background-position: 0 -384px; padding-top: 48px; } 50% { background-position: 0 -360px; padding-top: 72px; } 54.16667% { background-position: 0 -336px; padding-top: 96px; } 58.33333% { background-position: 0 -312px; padding-top: 120px; } 62.5% { background-position: 0 -288px; padding-top: 144px; } 66.66667% { background-position: 0 -264px; padding-top: 168px; } 70.83333% { background-position: 0 -240px; padding-top: 192px; } 75% { background-position: 0 -216px; padding-top: 216px; } 79.16667% { background-position: 0 -192px; padding-top: 240px; } 83.33333% { background-position: 0 -168px; padding-top: 264px; } 87.5% { background-position: 0 -144px; padding-top: 288px; } 91.66667% { background-position: 0 -120px; padding-top: 312px; } 95.83333% { background-position: 0 -96px; padding-top: 336px; } } @-o-keyframes column-9 { 0% { background-position: 0 -72px; padding-top: 360px; } 4.16667% { background-position: 0 -48px; padding-top: 384px; } 8.33333% { background-position: 0 -24px; padding-top: 408px; } 12.5% { background-position: 0 0px; padding-top: 432px; } 16.66667% { background-position: 0 24px; padding-top: 456px; } 20.83333% { background-position: 0 48px; padding-top: 480px; } 25% { background-position: 0 72px; padding-top: 504px; } 29.16667% { background-position: 0 96px; padding-top: 528px; } 33.33333% { background-position: 0 120px; padding-top: 552px; } 37.5% { background-position: 0 -432px; padding-top: 0px; } 41.66667% { background-position: 0 -408px; padding-top: 24px; } 45.83333% { background-position: 0 -384px; padding-top: 48px; } 50% { background-position: 0 -360px; padding-top: 72px; } 54.16667% { background-position: 0 -336px; padding-top: 96px; } 58.33333% { background-position: 0 -312px; padding-top: 120px; } 62.5% { background-position: 0 -288px; padding-top: 144px; } 66.66667% { background-position: 0 -264px; padding-top: 168px; } 70.83333% { background-position: 0 -240px; padding-top: 192px; } 75% { background-position: 0 -216px; padding-top: 216px; } 79.16667% { background-position: 0 -192px; padding-top: 240px; } 83.33333% { background-position: 0 -168px; padding-top: 264px; } 87.5% { background-position: 0 -144px; padding-top: 288px; } 91.66667% { background-position: 0 -120px; padding-top: 312px; } 95.83333% { background-position: 0 -96px; padding-top: 336px; } } @keyframes column-9 { 0% { background-position: 0 -72px; padding-top: 360px; } 4.16667% { background-position: 0 -48px; padding-top: 384px; } 8.33333% { background-position: 0 -24px; padding-top: 408px; } 12.5% { background-position: 0 0px; padding-top: 432px; } 16.66667% { background-position: 0 24px; padding-top: 456px; } 20.83333% { background-position: 0 48px; padding-top: 480px; } 25% { background-position: 0 72px; padding-top: 504px; } 29.16667% { background-position: 0 96px; padding-top: 528px; } 33.33333% { background-position: 0 120px; padding-top: 552px; } 37.5% { background-position: 0 -432px; padding-top: 0px; } 41.66667% { background-position: 0 -408px; padding-top: 24px; } 45.83333% { background-position: 0 -384px; padding-top: 48px; } 50% { background-position: 0 -360px; padding-top: 72px; } 54.16667% { background-position: 0 -336px; padding-top: 96px; } 58.33333% { background-position: 0 -312px; padding-top: 120px; } 62.5% { background-position: 0 -288px; padding-top: 144px; } 66.66667% { background-position: 0 -264px; padding-top: 168px; } 70.83333% { background-position: 0 -240px; padding-top: 192px; } 75% { background-position: 0 -216px; padding-top: 216px; } 79.16667% { background-position: 0 -192px; padding-top: 240px; } 83.33333% { background-position: 0 -168px; padding-top: 264px; } 87.5% { background-position: 0 -144px; padding-top: 288px; } 91.66667% { background-position: 0 -120px; padding-top: 312px; } 95.83333% { background-position: 0 -96px; padding-top: 336px; } } .matrix li:nth-child(10) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(10):before { display: block; width: 1em; content: "৩ ট জ ঙ ই ঝ ক গ খ দ ট ৫ চ এ ট ক ঘ ৫ ৭ タ ৩ দ গ জ"; } .matrix li:nth-child(10):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -24px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(54.16667%, rgba(0, 0, 0, 0)), color-stop(54.16667%, #000000), color-stop(100%, #000000)) 0 -24px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 312px, #000000 312px, #000000 576px) 0 -24px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 312px, #000000 312px, #000000 576px) 0 -24px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 312px, #000000 312px, #000000 576px) 0 -24px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "চ"; padding-top: 288px; overflow: hidden; -webkit-animation: 1920ms column-10 infinite steps(1, start); -moz-animation: 1920ms column-10 infinite steps(1, start); -ms-animation: 1920ms column-10 infinite steps(1, start); -o-animation: 1920ms column-10 infinite steps(1, start); animation: 1920ms column-10 infinite steps(1, start); } @-webkit-keyframes column-10 { 0% { background-position: 0 -24px; padding-top: 288px; } 4.16667% { background-position: 0 0px; padding-top: 312px; } 8.33333% { background-position: 0 24px; padding-top: 336px; } 12.5% { background-position: 0 48px; padding-top: 360px; } 16.66667% { background-position: 0 72px; padding-top: 384px; } 20.83333% { background-position: 0 96px; padding-top: 408px; } 25% { background-position: 0 120px; padding-top: 432px; } 29.16667% { background-position: 0 144px; padding-top: 456px; } 33.33333% { background-position: 0 168px; padding-top: 480px; } 37.5% { background-position: 0 192px; padding-top: 504px; } 41.66667% { background-position: 0 216px; padding-top: 528px; } 45.83333% { background-position: 0 240px; padding-top: 552px; } 50% { background-position: 0 -312px; padding-top: 0px; } 54.16667% { background-position: 0 -288px; padding-top: 24px; } 58.33333% { background-position: 0 -264px; padding-top: 48px; } 62.5% { background-position: 0 -240px; padding-top: 72px; } 66.66667% { background-position: 0 -216px; padding-top: 96px; } 70.83333% { background-position: 0 -192px; padding-top: 120px; } 75% { background-position: 0 -168px; padding-top: 144px; } 79.16667% { background-position: 0 -144px; padding-top: 168px; } 83.33333% { background-position: 0 -120px; padding-top: 192px; } 87.5% { background-position: 0 -96px; padding-top: 216px; } 91.66667% { background-position: 0 -72px; padding-top: 240px; } 95.83333% { background-position: 0 -48px; padding-top: 264px; } } @-moz-keyframes column-10 { 0% { background-position: 0 -24px; padding-top: 288px; } 4.16667% { background-position: 0 0px; padding-top: 312px; } 8.33333% { background-position: 0 24px; padding-top: 336px; } 12.5% { background-position: 0 48px; padding-top: 360px; } 16.66667% { background-position: 0 72px; padding-top: 384px; } 20.83333% { background-position: 0 96px; padding-top: 408px; } 25% { background-position: 0 120px; padding-top: 432px; } 29.16667% { background-position: 0 144px; padding-top: 456px; } 33.33333% { background-position: 0 168px; padding-top: 480px; } 37.5% { background-position: 0 192px; padding-top: 504px; } 41.66667% { background-position: 0 216px; padding-top: 528px; } 45.83333% { background-position: 0 240px; padding-top: 552px; } 50% { background-position: 0 -312px; padding-top: 0px; } 54.16667% { background-position: 0 -288px; padding-top: 24px; } 58.33333% { background-position: 0 -264px; padding-top: 48px; } 62.5% { background-position: 0 -240px; padding-top: 72px; } 66.66667% { background-position: 0 -216px; padding-top: 96px; } 70.83333% { background-position: 0 -192px; padding-top: 120px; } 75% { background-position: 0 -168px; padding-top: 144px; } 79.16667% { background-position: 0 -144px; padding-top: 168px; } 83.33333% { background-position: 0 -120px; padding-top: 192px; } 87.5% { background-position: 0 -96px; padding-top: 216px; } 91.66667% { background-position: 0 -72px; padding-top: 240px; } 95.83333% { background-position: 0 -48px; padding-top: 264px; } } @-o-keyframes column-10 { 0% { background-position: 0 -24px; padding-top: 288px; } 4.16667% { background-position: 0 0px; padding-top: 312px; } 8.33333% { background-position: 0 24px; padding-top: 336px; } 12.5% { background-position: 0 48px; padding-top: 360px; } 16.66667% { background-position: 0 72px; padding-top: 384px; } 20.83333% { background-position: 0 96px; padding-top: 408px; } 25% { background-position: 0 120px; padding-top: 432px; } 29.16667% { background-position: 0 144px; padding-top: 456px; } 33.33333% { background-position: 0 168px; padding-top: 480px; } 37.5% { background-position: 0 192px; padding-top: 504px; } 41.66667% { background-position: 0 216px; padding-top: 528px; } 45.83333% { background-position: 0 240px; padding-top: 552px; } 50% { background-position: 0 -312px; padding-top: 0px; } 54.16667% { background-position: 0 -288px; padding-top: 24px; } 58.33333% { background-position: 0 -264px; padding-top: 48px; } 62.5% { background-position: 0 -240px; padding-top: 72px; } 66.66667% { background-position: 0 -216px; padding-top: 96px; } 70.83333% { background-position: 0 -192px; padding-top: 120px; } 75% { background-position: 0 -168px; padding-top: 144px; } 79.16667% { background-position: 0 -144px; padding-top: 168px; } 83.33333% { background-position: 0 -120px; padding-top: 192px; } 87.5% { background-position: 0 -96px; padding-top: 216px; } 91.66667% { background-position: 0 -72px; padding-top: 240px; } 95.83333% { background-position: 0 -48px; padding-top: 264px; } } @keyframes column-10 { 0% { background-position: 0 -24px; padding-top: 288px; } 4.16667% { background-position: 0 0px; padding-top: 312px; } 8.33333% { background-position: 0 24px; padding-top: 336px; } 12.5% { background-position: 0 48px; padding-top: 360px; } 16.66667% { background-position: 0 72px; padding-top: 384px; } 20.83333% { background-position: 0 96px; padding-top: 408px; } 25% { background-position: 0 120px; padding-top: 432px; } 29.16667% { background-position: 0 144px; padding-top: 456px; } 33.33333% { background-position: 0 168px; padding-top: 480px; } 37.5% { background-position: 0 192px; padding-top: 504px; } 41.66667% { background-position: 0 216px; padding-top: 528px; } 45.83333% { background-position: 0 240px; padding-top: 552px; } 50% { background-position: 0 -312px; padding-top: 0px; } 54.16667% { background-position: 0 -288px; padding-top: 24px; } 58.33333% { background-position: 0 -264px; padding-top: 48px; } 62.5% { background-position: 0 -240px; padding-top: 72px; } 66.66667% { background-position: 0 -216px; padding-top: 96px; } 70.83333% { background-position: 0 -192px; padding-top: 120px; } 75% { background-position: 0 -168px; padding-top: 144px; } 79.16667% { background-position: 0 -144px; padding-top: 168px; } 83.33333% { background-position: 0 -120px; padding-top: 192px; } 87.5% { background-position: 0 -96px; padding-top: 216px; } 91.66667% { background-position: 0 -72px; padding-top: 240px; } 95.83333% { background-position: 0 -48px; padding-top: 264px; } } .matrix li:nth-child(11) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(11):before { display: block; width: 1em; content: "ঔ ঐ এ ৮ ৭ ঊ ৭ ৭ চ ৭ ই ট এ ১ এ タ ০ জ ট আ ৮ ৯ চ উ"; } .matrix li:nth-child(11):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 288px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(45.83333%, rgba(0, 0, 0, 0)), color-stop(45.83333%, #000000), color-stop(100%, #000000)) 0 288px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 288px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 288px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 288px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "উ"; padding-top: 552px; overflow: hidden; -webkit-animation: 1920ms column-11 infinite steps(1, start); -moz-animation: 1920ms column-11 infinite steps(1, start); -ms-animation: 1920ms column-11 infinite steps(1, start); -o-animation: 1920ms column-11 infinite steps(1, start); animation: 1920ms column-11 infinite steps(1, start); } @-webkit-keyframes column-11 { 0% { background-position: 0 288px; padding-top: 552px; } 4.16667% { background-position: 0 -264px; padding-top: 0px; } 8.33333% { background-position: 0 -240px; padding-top: 24px; } 12.5% { background-position: 0 -216px; padding-top: 48px; } 16.66667% { background-position: 0 -192px; padding-top: 72px; } 20.83333% { background-position: 0 -168px; padding-top: 96px; } 25% { background-position: 0 -144px; padding-top: 120px; } 29.16667% { background-position: 0 -120px; padding-top: 144px; } 33.33333% { background-position: 0 -96px; padding-top: 168px; } 37.5% { background-position: 0 -72px; padding-top: 192px; } 41.66667% { background-position: 0 -48px; padding-top: 216px; } 45.83333% { background-position: 0 -24px; padding-top: 240px; } 50% { background-position: 0 0px; padding-top: 264px; } 54.16667% { background-position: 0 24px; padding-top: 288px; } 58.33333% { background-position: 0 48px; padding-top: 312px; } 62.5% { background-position: 0 72px; padding-top: 336px; } 66.66667% { background-position: 0 96px; padding-top: 360px; } 70.83333% { background-position: 0 120px; padding-top: 384px; } 75% { background-position: 0 144px; padding-top: 408px; } 79.16667% { background-position: 0 168px; padding-top: 432px; } 83.33333% { background-position: 0 192px; padding-top: 456px; } 87.5% { background-position: 0 216px; padding-top: 480px; } 91.66667% { background-position: 0 240px; padding-top: 504px; } 95.83333% { background-position: 0 264px; padding-top: 528px; } } @-moz-keyframes column-11 { 0% { background-position: 0 288px; padding-top: 552px; } 4.16667% { background-position: 0 -264px; padding-top: 0px; } 8.33333% { background-position: 0 -240px; padding-top: 24px; } 12.5% { background-position: 0 -216px; padding-top: 48px; } 16.66667% { background-position: 0 -192px; padding-top: 72px; } 20.83333% { background-position: 0 -168px; padding-top: 96px; } 25% { background-position: 0 -144px; padding-top: 120px; } 29.16667% { background-position: 0 -120px; padding-top: 144px; } 33.33333% { background-position: 0 -96px; padding-top: 168px; } 37.5% { background-position: 0 -72px; padding-top: 192px; } 41.66667% { background-position: 0 -48px; padding-top: 216px; } 45.83333% { background-position: 0 -24px; padding-top: 240px; } 50% { background-position: 0 0px; padding-top: 264px; } 54.16667% { background-position: 0 24px; padding-top: 288px; } 58.33333% { background-position: 0 48px; padding-top: 312px; } 62.5% { background-position: 0 72px; padding-top: 336px; } 66.66667% { background-position: 0 96px; padding-top: 360px; } 70.83333% { background-position: 0 120px; padding-top: 384px; } 75% { background-position: 0 144px; padding-top: 408px; } 79.16667% { background-position: 0 168px; padding-top: 432px; } 83.33333% { background-position: 0 192px; padding-top: 456px; } 87.5% { background-position: 0 216px; padding-top: 480px; } 91.66667% { background-position: 0 240px; padding-top: 504px; } 95.83333% { background-position: 0 264px; padding-top: 528px; } } @-o-keyframes column-11 { 0% { background-position: 0 288px; padding-top: 552px; } 4.16667% { background-position: 0 -264px; padding-top: 0px; } 8.33333% { background-position: 0 -240px; padding-top: 24px; } 12.5% { background-position: 0 -216px; padding-top: 48px; } 16.66667% { background-position: 0 -192px; padding-top: 72px; } 20.83333% { background-position: 0 -168px; padding-top: 96px; } 25% { background-position: 0 -144px; padding-top: 120px; } 29.16667% { background-position: 0 -120px; padding-top: 144px; } 33.33333% { background-position: 0 -96px; padding-top: 168px; } 37.5% { background-position: 0 -72px; padding-top: 192px; } 41.66667% { background-position: 0 -48px; padding-top: 216px; } 45.83333% { background-position: 0 -24px; padding-top: 240px; } 50% { background-position: 0 0px; padding-top: 264px; } 54.16667% { background-position: 0 24px; padding-top: 288px; } 58.33333% { background-position: 0 48px; padding-top: 312px; } 62.5% { background-position: 0 72px; padding-top: 336px; } 66.66667% { background-position: 0 96px; padding-top: 360px; } 70.83333% { background-position: 0 120px; padding-top: 384px; } 75% { background-position: 0 144px; padding-top: 408px; } 79.16667% { background-position: 0 168px; padding-top: 432px; } 83.33333% { background-position: 0 192px; padding-top: 456px; } 87.5% { background-position: 0 216px; padding-top: 480px; } 91.66667% { background-position: 0 240px; padding-top: 504px; } 95.83333% { background-position: 0 264px; padding-top: 528px; } } @keyframes column-11 { 0% { background-position: 0 288px; padding-top: 552px; } 4.16667% { background-position: 0 -264px; padding-top: 0px; } 8.33333% { background-position: 0 -240px; padding-top: 24px; } 12.5% { background-position: 0 -216px; padding-top: 48px; } 16.66667% { background-position: 0 -192px; padding-top: 72px; } 20.83333% { background-position: 0 -168px; padding-top: 96px; } 25% { background-position: 0 -144px; padding-top: 120px; } 29.16667% { background-position: 0 -120px; padding-top: 144px; } 33.33333% { background-position: 0 -96px; padding-top: 168px; } 37.5% { background-position: 0 -72px; padding-top: 192px; } 41.66667% { background-position: 0 -48px; padding-top: 216px; } 45.83333% { background-position: 0 -24px; padding-top: 240px; } 50% { background-position: 0 0px; padding-top: 264px; } 54.16667% { background-position: 0 24px; padding-top: 288px; } 58.33333% { background-position: 0 48px; padding-top: 312px; } 62.5% { background-position: 0 72px; padding-top: 336px; } 66.66667% { background-position: 0 96px; padding-top: 360px; } 70.83333% { background-position: 0 120px; padding-top: 384px; } 75% { background-position: 0 144px; padding-top: 408px; } 79.16667% { background-position: 0 168px; padding-top: 432px; } 83.33333% { background-position: 0 192px; padding-top: 456px; } 87.5% { background-position: 0 216px; padding-top: 480px; } 91.66667% { background-position: 0 240px; padding-top: 504px; } 95.83333% { background-position: 0 264px; padding-top: 528px; } } .matrix li:nth-child(12) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(12):before { display: block; width: 1em; content: "উ দ ১ জ ট উ ধ উ ২ থ ঙ থ ঝ ৮ ১ ঈ জ এ タ ১ ঐ খ ৬ ধ"; } .matrix li:nth-child(12):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iOTEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -72px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(91.66667%, rgba(0, 0, 0, 0)), color-stop(91.66667%, #000000), color-stop(100%, #000000)) 0 -72px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 528px, #000000 528px, #000000 576px) 0 -72px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 528px, #000000 528px, #000000 576px) 0 -72px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 528px, #000000 528px, #000000 576px) 0 -72px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "১"; padding-top: 456px; overflow: hidden; -webkit-animation: 1920ms column-12 infinite steps(1, start); -moz-animation: 1920ms column-12 infinite steps(1, start); -ms-animation: 1920ms column-12 infinite steps(1, start); -o-animation: 1920ms column-12 infinite steps(1, start); animation: 1920ms column-12 infinite steps(1, start); } @-webkit-keyframes column-12 { 0% { background-position: 0 -72px; padding-top: 456px; } 4.16667% { background-position: 0 -48px; padding-top: 480px; } 8.33333% { background-position: 0 -24px; padding-top: 504px; } 12.5% { background-position: 0 0px; padding-top: 528px; } 16.66667% { background-position: 0 24px; padding-top: 552px; } 20.83333% { background-position: 0 -528px; padding-top: 0px; } 25% { background-position: 0 -504px; padding-top: 24px; } 29.16667% { background-position: 0 -480px; padding-top: 48px; } 33.33333% { background-position: 0 -456px; padding-top: 72px; } 37.5% { background-position: 0 -432px; padding-top: 96px; } 41.66667% { background-position: 0 -408px; padding-top: 120px; } 45.83333% { background-position: 0 -384px; padding-top: 144px; } 50% { background-position: 0 -360px; padding-top: 168px; } 54.16667% { background-position: 0 -336px; padding-top: 192px; } 58.33333% { background-position: 0 -312px; padding-top: 216px; } 62.5% { background-position: 0 -288px; padding-top: 240px; } 66.66667% { background-position: 0 -264px; padding-top: 264px; } 70.83333% { background-position: 0 -240px; padding-top: 288px; } 75% { background-position: 0 -216px; padding-top: 312px; } 79.16667% { background-position: 0 -192px; padding-top: 336px; } 83.33333% { background-position: 0 -168px; padding-top: 360px; } 87.5% { background-position: 0 -144px; padding-top: 384px; } 91.66667% { background-position: 0 -120px; padding-top: 408px; } 95.83333% { background-position: 0 -96px; padding-top: 432px; } } @-moz-keyframes column-12 { 0% { background-position: 0 -72px; padding-top: 456px; } 4.16667% { background-position: 0 -48px; padding-top: 480px; } 8.33333% { background-position: 0 -24px; padding-top: 504px; } 12.5% { background-position: 0 0px; padding-top: 528px; } 16.66667% { background-position: 0 24px; padding-top: 552px; } 20.83333% { background-position: 0 -528px; padding-top: 0px; } 25% { background-position: 0 -504px; padding-top: 24px; } 29.16667% { background-position: 0 -480px; padding-top: 48px; } 33.33333% { background-position: 0 -456px; padding-top: 72px; } 37.5% { background-position: 0 -432px; padding-top: 96px; } 41.66667% { background-position: 0 -408px; padding-top: 120px; } 45.83333% { background-position: 0 -384px; padding-top: 144px; } 50% { background-position: 0 -360px; padding-top: 168px; } 54.16667% { background-position: 0 -336px; padding-top: 192px; } 58.33333% { background-position: 0 -312px; padding-top: 216px; } 62.5% { background-position: 0 -288px; padding-top: 240px; } 66.66667% { background-position: 0 -264px; padding-top: 264px; } 70.83333% { background-position: 0 -240px; padding-top: 288px; } 75% { background-position: 0 -216px; padding-top: 312px; } 79.16667% { background-position: 0 -192px; padding-top: 336px; } 83.33333% { background-position: 0 -168px; padding-top: 360px; } 87.5% { background-position: 0 -144px; padding-top: 384px; } 91.66667% { background-position: 0 -120px; padding-top: 408px; } 95.83333% { background-position: 0 -96px; padding-top: 432px; } } @-o-keyframes column-12 { 0% { background-position: 0 -72px; padding-top: 456px; } 4.16667% { background-position: 0 -48px; padding-top: 480px; } 8.33333% { background-position: 0 -24px; padding-top: 504px; } 12.5% { background-position: 0 0px; padding-top: 528px; } 16.66667% { background-position: 0 24px; padding-top: 552px; } 20.83333% { background-position: 0 -528px; padding-top: 0px; } 25% { background-position: 0 -504px; padding-top: 24px; } 29.16667% { background-position: 0 -480px; padding-top: 48px; } 33.33333% { background-position: 0 -456px; padding-top: 72px; } 37.5% { background-position: 0 -432px; padding-top: 96px; } 41.66667% { background-position: 0 -408px; padding-top: 120px; } 45.83333% { background-position: 0 -384px; padding-top: 144px; } 50% { background-position: 0 -360px; padding-top: 168px; } 54.16667% { background-position: 0 -336px; padding-top: 192px; } 58.33333% { background-position: 0 -312px; padding-top: 216px; } 62.5% { background-position: 0 -288px; padding-top: 240px; } 66.66667% { background-position: 0 -264px; padding-top: 264px; } 70.83333% { background-position: 0 -240px; padding-top: 288px; } 75% { background-position: 0 -216px; padding-top: 312px; } 79.16667% { background-position: 0 -192px; padding-top: 336px; } 83.33333% { background-position: 0 -168px; padding-top: 360px; } 87.5% { background-position: 0 -144px; padding-top: 384px; } 91.66667% { background-position: 0 -120px; padding-top: 408px; } 95.83333% { background-position: 0 -96px; padding-top: 432px; } } @keyframes column-12 { 0% { background-position: 0 -72px; padding-top: 456px; } 4.16667% { background-position: 0 -48px; padding-top: 480px; } 8.33333% { background-position: 0 -24px; padding-top: 504px; } 12.5% { background-position: 0 0px; padding-top: 528px; } 16.66667% { background-position: 0 24px; padding-top: 552px; } 20.83333% { background-position: 0 -528px; padding-top: 0px; } 25% { background-position: 0 -504px; padding-top: 24px; } 29.16667% { background-position: 0 -480px; padding-top: 48px; } 33.33333% { background-position: 0 -456px; padding-top: 72px; } 37.5% { background-position: 0 -432px; padding-top: 96px; } 41.66667% { background-position: 0 -408px; padding-top: 120px; } 45.83333% { background-position: 0 -384px; padding-top: 144px; } 50% { background-position: 0 -360px; padding-top: 168px; } 54.16667% { background-position: 0 -336px; padding-top: 192px; } 58.33333% { background-position: 0 -312px; padding-top: 216px; } 62.5% { background-position: 0 -288px; padding-top: 240px; } 66.66667% { background-position: 0 -264px; padding-top: 264px; } 70.83333% { background-position: 0 -240px; padding-top: 288px; } 75% { background-position: 0 -216px; padding-top: 312px; } 79.16667% { background-position: 0 -192px; padding-top: 336px; } 83.33333% { background-position: 0 -168px; padding-top: 360px; } 87.5% { background-position: 0 -144px; padding-top: 384px; } 91.66667% { background-position: 0 -120px; padding-top: 408px; } 95.83333% { background-position: 0 -96px; padding-top: 432px; } } .matrix li:nth-child(13) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(13):before { display: block; width: 1em; content: "৩ ৫ ঝ ঐ ই ণ ২ ট タ ঙ ৭ ঔ ৭ গ ঊ ৮ আ খ ০ ১ দ タ ২ ঘ"; } .matrix li:nth-child(13):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iOTEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -48px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(91.66667%, rgba(0, 0, 0, 0)), color-stop(91.66667%, #000000), color-stop(100%, #000000)) 0 -48px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 528px, #000000 528px, #000000 576px) 0 -48px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 528px, #000000 528px, #000000 576px) 0 -48px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 528px, #000000 528px, #000000 576px) 0 -48px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "দ"; padding-top: 480px; overflow: hidden; -webkit-animation: 1920ms column-13 infinite steps(1, start); -moz-animation: 1920ms column-13 infinite steps(1, start); -ms-animation: 1920ms column-13 infinite steps(1, start); -o-animation: 1920ms column-13 infinite steps(1, start); animation: 1920ms column-13 infinite steps(1, start); } @-webkit-keyframes column-13 { 0% { background-position: 0 -48px; padding-top: 480px; } 4.16667% { background-position: 0 -24px; padding-top: 504px; } 8.33333% { background-position: 0 0px; padding-top: 528px; } 12.5% { background-position: 0 24px; padding-top: 552px; } 16.66667% { background-position: 0 -528px; padding-top: 0px; } 20.83333% { background-position: 0 -504px; padding-top: 24px; } 25% { background-position: 0 -480px; padding-top: 48px; } 29.16667% { background-position: 0 -456px; padding-top: 72px; } 33.33333% { background-position: 0 -432px; padding-top: 96px; } 37.5% { background-position: 0 -408px; padding-top: 120px; } 41.66667% { background-position: 0 -384px; padding-top: 144px; } 45.83333% { background-position: 0 -360px; padding-top: 168px; } 50% { background-position: 0 -336px; padding-top: 192px; } 54.16667% { background-position: 0 -312px; padding-top: 216px; } 58.33333% { background-position: 0 -288px; padding-top: 240px; } 62.5% { background-position: 0 -264px; padding-top: 264px; } 66.66667% { background-position: 0 -240px; padding-top: 288px; } 70.83333% { background-position: 0 -216px; padding-top: 312px; } 75% { background-position: 0 -192px; padding-top: 336px; } 79.16667% { background-position: 0 -168px; padding-top: 360px; } 83.33333% { background-position: 0 -144px; padding-top: 384px; } 87.5% { background-position: 0 -120px; padding-top: 408px; } 91.66667% { background-position: 0 -96px; padding-top: 432px; } 95.83333% { background-position: 0 -72px; padding-top: 456px; } } @-moz-keyframes column-13 { 0% { background-position: 0 -48px; padding-top: 480px; } 4.16667% { background-position: 0 -24px; padding-top: 504px; } 8.33333% { background-position: 0 0px; padding-top: 528px; } 12.5% { background-position: 0 24px; padding-top: 552px; } 16.66667% { background-position: 0 -528px; padding-top: 0px; } 20.83333% { background-position: 0 -504px; padding-top: 24px; } 25% { background-position: 0 -480px; padding-top: 48px; } 29.16667% { background-position: 0 -456px; padding-top: 72px; } 33.33333% { background-position: 0 -432px; padding-top: 96px; } 37.5% { background-position: 0 -408px; padding-top: 120px; } 41.66667% { background-position: 0 -384px; padding-top: 144px; } 45.83333% { background-position: 0 -360px; padding-top: 168px; } 50% { background-position: 0 -336px; padding-top: 192px; } 54.16667% { background-position: 0 -312px; padding-top: 216px; } 58.33333% { background-position: 0 -288px; padding-top: 240px; } 62.5% { background-position: 0 -264px; padding-top: 264px; } 66.66667% { background-position: 0 -240px; padding-top: 288px; } 70.83333% { background-position: 0 -216px; padding-top: 312px; } 75% { background-position: 0 -192px; padding-top: 336px; } 79.16667% { background-position: 0 -168px; padding-top: 360px; } 83.33333% { background-position: 0 -144px; padding-top: 384px; } 87.5% { background-position: 0 -120px; padding-top: 408px; } 91.66667% { background-position: 0 -96px; padding-top: 432px; } 95.83333% { background-position: 0 -72px; padding-top: 456px; } } @-o-keyframes column-13 { 0% { background-position: 0 -48px; padding-top: 480px; } 4.16667% { background-position: 0 -24px; padding-top: 504px; } 8.33333% { background-position: 0 0px; padding-top: 528px; } 12.5% { background-position: 0 24px; padding-top: 552px; } 16.66667% { background-position: 0 -528px; padding-top: 0px; } 20.83333% { background-position: 0 -504px; padding-top: 24px; } 25% { background-position: 0 -480px; padding-top: 48px; } 29.16667% { background-position: 0 -456px; padding-top: 72px; } 33.33333% { background-position: 0 -432px; padding-top: 96px; } 37.5% { background-position: 0 -408px; padding-top: 120px; } 41.66667% { background-position: 0 -384px; padding-top: 144px; } 45.83333% { background-position: 0 -360px; padding-top: 168px; } 50% { background-position: 0 -336px; padding-top: 192px; } 54.16667% { background-position: 0 -312px; padding-top: 216px; } 58.33333% { background-position: 0 -288px; padding-top: 240px; } 62.5% { background-position: 0 -264px; padding-top: 264px; } 66.66667% { background-position: 0 -240px; padding-top: 288px; } 70.83333% { background-position: 0 -216px; padding-top: 312px; } 75% { background-position: 0 -192px; padding-top: 336px; } 79.16667% { background-position: 0 -168px; padding-top: 360px; } 83.33333% { background-position: 0 -144px; padding-top: 384px; } 87.5% { background-position: 0 -120px; padding-top: 408px; } 91.66667% { background-position: 0 -96px; padding-top: 432px; } 95.83333% { background-position: 0 -72px; padding-top: 456px; } } @keyframes column-13 { 0% { background-position: 0 -48px; padding-top: 480px; } 4.16667% { background-position: 0 -24px; padding-top: 504px; } 8.33333% { background-position: 0 0px; padding-top: 528px; } 12.5% { background-position: 0 24px; padding-top: 552px; } 16.66667% { background-position: 0 -528px; padding-top: 0px; } 20.83333% { background-position: 0 -504px; padding-top: 24px; } 25% { background-position: 0 -480px; padding-top: 48px; } 29.16667% { background-position: 0 -456px; padding-top: 72px; } 33.33333% { background-position: 0 -432px; padding-top: 96px; } 37.5% { background-position: 0 -408px; padding-top: 120px; } 41.66667% { background-position: 0 -384px; padding-top: 144px; } 45.83333% { background-position: 0 -360px; padding-top: 168px; } 50% { background-position: 0 -336px; padding-top: 192px; } 54.16667% { background-position: 0 -312px; padding-top: 216px; } 58.33333% { background-position: 0 -288px; padding-top: 240px; } 62.5% { background-position: 0 -264px; padding-top: 264px; } 66.66667% { background-position: 0 -240px; padding-top: 288px; } 70.83333% { background-position: 0 -216px; padding-top: 312px; } 75% { background-position: 0 -192px; padding-top: 336px; } 79.16667% { background-position: 0 -168px; padding-top: 360px; } 83.33333% { background-position: 0 -144px; padding-top: 384px; } 87.5% { background-position: 0 -120px; padding-top: 408px; } 91.66667% { background-position: 0 -96px; padding-top: 432px; } 95.83333% { background-position: 0 -72px; padding-top: 456px; } } .matrix li:nth-child(14) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(14):before { display: block; width: 1em; content: "ঐ ঊ ণ এ ঘ আ উ ৮ ৫ এ ছ ঙ ৮ ঔ ২ ঝ ৪ ৮ ঈ ক ঝ ২ ঈ ছ"; } .matrix li:nth-child(14):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -72px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #000000), color-stop(100%, #000000)) 0 -72px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 288px, #000000 288px, #000000 576px) 0 -72px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 288px, #000000 288px, #000000 576px) 0 -72px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 288px, #000000 288px, #000000 576px) 0 -72px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "এ"; padding-top: 216px; overflow: hidden; -webkit-animation: 1920ms column-14 infinite steps(1, start); -moz-animation: 1920ms column-14 infinite steps(1, start); -ms-animation: 1920ms column-14 infinite steps(1, start); -o-animation: 1920ms column-14 infinite steps(1, start); animation: 1920ms column-14 infinite steps(1, start); } @-webkit-keyframes column-14 { 0% { background-position: 0 -72px; padding-top: 216px; } 4.16667% { background-position: 0 -48px; padding-top: 240px; } 8.33333% { background-position: 0 -24px; padding-top: 264px; } 12.5% { background-position: 0 0px; padding-top: 288px; } 16.66667% { background-position: 0 24px; padding-top: 312px; } 20.83333% { background-position: 0 48px; padding-top: 336px; } 25% { background-position: 0 72px; padding-top: 360px; } 29.16667% { background-position: 0 96px; padding-top: 384px; } 33.33333% { background-position: 0 120px; padding-top: 408px; } 37.5% { background-position: 0 144px; padding-top: 432px; } 41.66667% { background-position: 0 168px; padding-top: 456px; } 45.83333% { background-position: 0 192px; padding-top: 480px; } 50% { background-position: 0 216px; padding-top: 504px; } 54.16667% { background-position: 0 240px; padding-top: 528px; } 58.33333% { background-position: 0 264px; padding-top: 552px; } 62.5% { background-position: 0 -288px; padding-top: 0px; } 66.66667% { background-position: 0 -264px; padding-top: 24px; } 70.83333% { background-position: 0 -240px; padding-top: 48px; } 75% { background-position: 0 -216px; padding-top: 72px; } 79.16667% { background-position: 0 -192px; padding-top: 96px; } 83.33333% { background-position: 0 -168px; padding-top: 120px; } 87.5% { background-position: 0 -144px; padding-top: 144px; } 91.66667% { background-position: 0 -120px; padding-top: 168px; } 95.83333% { background-position: 0 -96px; padding-top: 192px; } } @-moz-keyframes column-14 { 0% { background-position: 0 -72px; padding-top: 216px; } 4.16667% { background-position: 0 -48px; padding-top: 240px; } 8.33333% { background-position: 0 -24px; padding-top: 264px; } 12.5% { background-position: 0 0px; padding-top: 288px; } 16.66667% { background-position: 0 24px; padding-top: 312px; } 20.83333% { background-position: 0 48px; padding-top: 336px; } 25% { background-position: 0 72px; padding-top: 360px; } 29.16667% { background-position: 0 96px; padding-top: 384px; } 33.33333% { background-position: 0 120px; padding-top: 408px; } 37.5% { background-position: 0 144px; padding-top: 432px; } 41.66667% { background-position: 0 168px; padding-top: 456px; } 45.83333% { background-position: 0 192px; padding-top: 480px; } 50% { background-position: 0 216px; padding-top: 504px; } 54.16667% { background-position: 0 240px; padding-top: 528px; } 58.33333% { background-position: 0 264px; padding-top: 552px; } 62.5% { background-position: 0 -288px; padding-top: 0px; } 66.66667% { background-position: 0 -264px; padding-top: 24px; } 70.83333% { background-position: 0 -240px; padding-top: 48px; } 75% { background-position: 0 -216px; padding-top: 72px; } 79.16667% { background-position: 0 -192px; padding-top: 96px; } 83.33333% { background-position: 0 -168px; padding-top: 120px; } 87.5% { background-position: 0 -144px; padding-top: 144px; } 91.66667% { background-position: 0 -120px; padding-top: 168px; } 95.83333% { background-position: 0 -96px; padding-top: 192px; } } @-o-keyframes column-14 { 0% { background-position: 0 -72px; padding-top: 216px; } 4.16667% { background-position: 0 -48px; padding-top: 240px; } 8.33333% { background-position: 0 -24px; padding-top: 264px; } 12.5% { background-position: 0 0px; padding-top: 288px; } 16.66667% { background-position: 0 24px; padding-top: 312px; } 20.83333% { background-position: 0 48px; padding-top: 336px; } 25% { background-position: 0 72px; padding-top: 360px; } 29.16667% { background-position: 0 96px; padding-top: 384px; } 33.33333% { background-position: 0 120px; padding-top: 408px; } 37.5% { background-position: 0 144px; padding-top: 432px; } 41.66667% { background-position: 0 168px; padding-top: 456px; } 45.83333% { background-position: 0 192px; padding-top: 480px; } 50% { background-position: 0 216px; padding-top: 504px; } 54.16667% { background-position: 0 240px; padding-top: 528px; } 58.33333% { background-position: 0 264px; padding-top: 552px; } 62.5% { background-position: 0 -288px; padding-top: 0px; } 66.66667% { background-position: 0 -264px; padding-top: 24px; } 70.83333% { background-position: 0 -240px; padding-top: 48px; } 75% { background-position: 0 -216px; padding-top: 72px; } 79.16667% { background-position: 0 -192px; padding-top: 96px; } 83.33333% { background-position: 0 -168px; padding-top: 120px; } 87.5% { background-position: 0 -144px; padding-top: 144px; } 91.66667% { background-position: 0 -120px; padding-top: 168px; } 95.83333% { background-position: 0 -96px; padding-top: 192px; } } @keyframes column-14 { 0% { background-position: 0 -72px; padding-top: 216px; } 4.16667% { background-position: 0 -48px; padding-top: 240px; } 8.33333% { background-position: 0 -24px; padding-top: 264px; } 12.5% { background-position: 0 0px; padding-top: 288px; } 16.66667% { background-position: 0 24px; padding-top: 312px; } 20.83333% { background-position: 0 48px; padding-top: 336px; } 25% { background-position: 0 72px; padding-top: 360px; } 29.16667% { background-position: 0 96px; padding-top: 384px; } 33.33333% { background-position: 0 120px; padding-top: 408px; } 37.5% { background-position: 0 144px; padding-top: 432px; } 41.66667% { background-position: 0 168px; padding-top: 456px; } 45.83333% { background-position: 0 192px; padding-top: 480px; } 50% { background-position: 0 216px; padding-top: 504px; } 54.16667% { background-position: 0 240px; padding-top: 528px; } 58.33333% { background-position: 0 264px; padding-top: 552px; } 62.5% { background-position: 0 -288px; padding-top: 0px; } 66.66667% { background-position: 0 -264px; padding-top: 24px; } 70.83333% { background-position: 0 -240px; padding-top: 48px; } 75% { background-position: 0 -216px; padding-top: 72px; } 79.16667% { background-position: 0 -192px; padding-top: 96px; } 83.33333% { background-position: 0 -168px; padding-top: 120px; } 87.5% { background-position: 0 -144px; padding-top: 144px; } 91.66667% { background-position: 0 -120px; padding-top: 168px; } 95.83333% { background-position: 0 -96px; padding-top: 192px; } } .matrix li:nth-child(15) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(15):before { display: block; width: 1em; content: "৪ ঙ ঊ ছ ০ ঐ ণ ৪ ঙ ৮ ৫ ২ ণ ২ ই ক ৯ ৪ দ আ ণ ঈ ই ৯"; } .matrix li:nth-child(15):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTYuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTYuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -24px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(16.66667%, rgba(0, 0, 0, 0)), color-stop(16.66667%, #000000), color-stop(100%, #000000)) 0 -24px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 96px, #000000 96px, #000000 576px) 0 -24px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 96px, #000000 96px, #000000 576px) 0 -24px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 96px, #000000 96px, #000000 576px) 0 -24px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "ছ"; padding-top: 72px; overflow: hidden; -webkit-animation: 1920ms column-15 infinite steps(1, start); -moz-animation: 1920ms column-15 infinite steps(1, start); -ms-animation: 1920ms column-15 infinite steps(1, start); -o-animation: 1920ms column-15 infinite steps(1, start); animation: 1920ms column-15 infinite steps(1, start); } @-webkit-keyframes column-15 { 0% { background-position: 0 -24px; padding-top: 72px; } 4.16667% { background-position: 0 0px; padding-top: 96px; } 8.33333% { background-position: 0 24px; padding-top: 120px; } 12.5% { background-position: 0 48px; padding-top: 144px; } 16.66667% { background-position: 0 72px; padding-top: 168px; } 20.83333% { background-position: 0 96px; padding-top: 192px; } 25% { background-position: 0 120px; padding-top: 216px; } 29.16667% { background-position: 0 144px; padding-top: 240px; } 33.33333% { background-position: 0 168px; padding-top: 264px; } 37.5% { background-position: 0 192px; padding-top: 288px; } 41.66667% { background-position: 0 216px; padding-top: 312px; } 45.83333% { background-position: 0 240px; padding-top: 336px; } 50% { background-position: 0 264px; padding-top: 360px; } 54.16667% { background-position: 0 288px; padding-top: 384px; } 58.33333% { background-position: 0 312px; padding-top: 408px; } 62.5% { background-position: 0 336px; padding-top: 432px; } 66.66667% { background-position: 0 360px; padding-top: 456px; } 70.83333% { background-position: 0 384px; padding-top: 480px; } 75% { background-position: 0 408px; padding-top: 504px; } 79.16667% { background-position: 0 432px; padding-top: 528px; } 83.33333% { background-position: 0 456px; padding-top: 552px; } 87.5% { background-position: 0 -96px; padding-top: 0px; } 91.66667% { background-position: 0 -72px; padding-top: 24px; } 95.83333% { background-position: 0 -48px; padding-top: 48px; } } @-moz-keyframes column-15 { 0% { background-position: 0 -24px; padding-top: 72px; } 4.16667% { background-position: 0 0px; padding-top: 96px; } 8.33333% { background-position: 0 24px; padding-top: 120px; } 12.5% { background-position: 0 48px; padding-top: 144px; } 16.66667% { background-position: 0 72px; padding-top: 168px; } 20.83333% { background-position: 0 96px; padding-top: 192px; } 25% { background-position: 0 120px; padding-top: 216px; } 29.16667% { background-position: 0 144px; padding-top: 240px; } 33.33333% { background-position: 0 168px; padding-top: 264px; } 37.5% { background-position: 0 192px; padding-top: 288px; } 41.66667% { background-position: 0 216px; padding-top: 312px; } 45.83333% { background-position: 0 240px; padding-top: 336px; } 50% { background-position: 0 264px; padding-top: 360px; } 54.16667% { background-position: 0 288px; padding-top: 384px; } 58.33333% { background-position: 0 312px; padding-top: 408px; } 62.5% { background-position: 0 336px; padding-top: 432px; } 66.66667% { background-position: 0 360px; padding-top: 456px; } 70.83333% { background-position: 0 384px; padding-top: 480px; } 75% { background-position: 0 408px; padding-top: 504px; } 79.16667% { background-position: 0 432px; padding-top: 528px; } 83.33333% { background-position: 0 456px; padding-top: 552px; } 87.5% { background-position: 0 -96px; padding-top: 0px; } 91.66667% { background-position: 0 -72px; padding-top: 24px; } 95.83333% { background-position: 0 -48px; padding-top: 48px; } } @-o-keyframes column-15 { 0% { background-position: 0 -24px; padding-top: 72px; } 4.16667% { background-position: 0 0px; padding-top: 96px; } 8.33333% { background-position: 0 24px; padding-top: 120px; } 12.5% { background-position: 0 48px; padding-top: 144px; } 16.66667% { background-position: 0 72px; padding-top: 168px; } 20.83333% { background-position: 0 96px; padding-top: 192px; } 25% { background-position: 0 120px; padding-top: 216px; } 29.16667% { background-position: 0 144px; padding-top: 240px; } 33.33333% { background-position: 0 168px; padding-top: 264px; } 37.5% { background-position: 0 192px; padding-top: 288px; } 41.66667% { background-position: 0 216px; padding-top: 312px; } 45.83333% { background-position: 0 240px; padding-top: 336px; } 50% { background-position: 0 264px; padding-top: 360px; } 54.16667% { background-position: 0 288px; padding-top: 384px; } 58.33333% { background-position: 0 312px; padding-top: 408px; } 62.5% { background-position: 0 336px; padding-top: 432px; } 66.66667% { background-position: 0 360px; padding-top: 456px; } 70.83333% { background-position: 0 384px; padding-top: 480px; } 75% { background-position: 0 408px; padding-top: 504px; } 79.16667% { background-position: 0 432px; padding-top: 528px; } 83.33333% { background-position: 0 456px; padding-top: 552px; } 87.5% { background-position: 0 -96px; padding-top: 0px; } 91.66667% { background-position: 0 -72px; padding-top: 24px; } 95.83333% { background-position: 0 -48px; padding-top: 48px; } } @keyframes column-15 { 0% { background-position: 0 -24px; padding-top: 72px; } 4.16667% { background-position: 0 0px; padding-top: 96px; } 8.33333% { background-position: 0 24px; padding-top: 120px; } 12.5% { background-position: 0 48px; padding-top: 144px; } 16.66667% { background-position: 0 72px; padding-top: 168px; } 20.83333% { background-position: 0 96px; padding-top: 192px; } 25% { background-position: 0 120px; padding-top: 216px; } 29.16667% { background-position: 0 144px; padding-top: 240px; } 33.33333% { background-position: 0 168px; padding-top: 264px; } 37.5% { background-position: 0 192px; padding-top: 288px; } 41.66667% { background-position: 0 216px; padding-top: 312px; } 45.83333% { background-position: 0 240px; padding-top: 336px; } 50% { background-position: 0 264px; padding-top: 360px; } 54.16667% { background-position: 0 288px; padding-top: 384px; } 58.33333% { background-position: 0 312px; padding-top: 408px; } 62.5% { background-position: 0 336px; padding-top: 432px; } 66.66667% { background-position: 0 360px; padding-top: 456px; } 70.83333% { background-position: 0 384px; padding-top: 480px; } 75% { background-position: 0 408px; padding-top: 504px; } 79.16667% { background-position: 0 432px; padding-top: 528px; } 83.33333% { background-position: 0 456px; padding-top: 552px; } 87.5% { background-position: 0 -96px; padding-top: 0px; } 91.66667% { background-position: 0 -72px; padding-top: 24px; } 95.83333% { background-position: 0 -48px; padding-top: 48px; } } .matrix li:nth-child(16) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(16):before { display: block; width: 1em; content: "৫ থ জ ৪ ঐ ৯ ঘ ঐ ই ১ জ ঙ ছ জ খ খ ঐ ঙ এ ঘ ট ৫ ৫ ঈ"; } .matrix li:nth-child(16):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 240px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #000000), color-stop(100%, #000000)) 0 240px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 288px, #000000 288px, #000000 576px) 0 240px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 288px, #000000 288px, #000000 576px) 0 240px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 288px, #000000 288px, #000000 576px) 0 240px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "৫"; padding-top: 528px; overflow: hidden; -webkit-animation: 1920ms column-16 infinite steps(1, start); -moz-animation: 1920ms column-16 infinite steps(1, start); -ms-animation: 1920ms column-16 infinite steps(1, start); -o-animation: 1920ms column-16 infinite steps(1, start); animation: 1920ms column-16 infinite steps(1, start); } @-webkit-keyframes column-16 { 0% { background-position: 0 240px; padding-top: 528px; } 4.16667% { background-position: 0 264px; padding-top: 552px; } 8.33333% { background-position: 0 -288px; padding-top: 0px; } 12.5% { background-position: 0 -264px; padding-top: 24px; } 16.66667% { background-position: 0 -240px; padding-top: 48px; } 20.83333% { background-position: 0 -216px; padding-top: 72px; } 25% { background-position: 0 -192px; padding-top: 96px; } 29.16667% { background-position: 0 -168px; padding-top: 120px; } 33.33333% { background-position: 0 -144px; padding-top: 144px; } 37.5% { background-position: 0 -120px; padding-top: 168px; } 41.66667% { background-position: 0 -96px; padding-top: 192px; } 45.83333% { background-position: 0 -72px; padding-top: 216px; } 50% { background-position: 0 -48px; padding-top: 240px; } 54.16667% { background-position: 0 -24px; padding-top: 264px; } 58.33333% { background-position: 0 0px; padding-top: 288px; } 62.5% { background-position: 0 24px; padding-top: 312px; } 66.66667% { background-position: 0 48px; padding-top: 336px; } 70.83333% { background-position: 0 72px; padding-top: 360px; } 75% { background-position: 0 96px; padding-top: 384px; } 79.16667% { background-position: 0 120px; padding-top: 408px; } 83.33333% { background-position: 0 144px; padding-top: 432px; } 87.5% { background-position: 0 168px; padding-top: 456px; } 91.66667% { background-position: 0 192px; padding-top: 480px; } 95.83333% { background-position: 0 216px; padding-top: 504px; } } @-moz-keyframes column-16 { 0% { background-position: 0 240px; padding-top: 528px; } 4.16667% { background-position: 0 264px; padding-top: 552px; } 8.33333% { background-position: 0 -288px; padding-top: 0px; } 12.5% { background-position: 0 -264px; padding-top: 24px; } 16.66667% { background-position: 0 -240px; padding-top: 48px; } 20.83333% { background-position: 0 -216px; padding-top: 72px; } 25% { background-position: 0 -192px; padding-top: 96px; } 29.16667% { background-position: 0 -168px; padding-top: 120px; } 33.33333% { background-position: 0 -144px; padding-top: 144px; } 37.5% { background-position: 0 -120px; padding-top: 168px; } 41.66667% { background-position: 0 -96px; padding-top: 192px; } 45.83333% { background-position: 0 -72px; padding-top: 216px; } 50% { background-position: 0 -48px; padding-top: 240px; } 54.16667% { background-position: 0 -24px; padding-top: 264px; } 58.33333% { background-position: 0 0px; padding-top: 288px; } 62.5% { background-position: 0 24px; padding-top: 312px; } 66.66667% { background-position: 0 48px; padding-top: 336px; } 70.83333% { background-position: 0 72px; padding-top: 360px; } 75% { background-position: 0 96px; padding-top: 384px; } 79.16667% { background-position: 0 120px; padding-top: 408px; } 83.33333% { background-position: 0 144px; padding-top: 432px; } 87.5% { background-position: 0 168px; padding-top: 456px; } 91.66667% { background-position: 0 192px; padding-top: 480px; } 95.83333% { background-position: 0 216px; padding-top: 504px; } } @-o-keyframes column-16 { 0% { background-position: 0 240px; padding-top: 528px; } 4.16667% { background-position: 0 264px; padding-top: 552px; } 8.33333% { background-position: 0 -288px; padding-top: 0px; } 12.5% { background-position: 0 -264px; padding-top: 24px; } 16.66667% { background-position: 0 -240px; padding-top: 48px; } 20.83333% { background-position: 0 -216px; padding-top: 72px; } 25% { background-position: 0 -192px; padding-top: 96px; } 29.16667% { background-position: 0 -168px; padding-top: 120px; } 33.33333% { background-position: 0 -144px; padding-top: 144px; } 37.5% { background-position: 0 -120px; padding-top: 168px; } 41.66667% { background-position: 0 -96px; padding-top: 192px; } 45.83333% { background-position: 0 -72px; padding-top: 216px; } 50% { background-position: 0 -48px; padding-top: 240px; } 54.16667% { background-position: 0 -24px; padding-top: 264px; } 58.33333% { background-position: 0 0px; padding-top: 288px; } 62.5% { background-position: 0 24px; padding-top: 312px; } 66.66667% { background-position: 0 48px; padding-top: 336px; } 70.83333% { background-position: 0 72px; padding-top: 360px; } 75% { background-position: 0 96px; padding-top: 384px; } 79.16667% { background-position: 0 120px; padding-top: 408px; } 83.33333% { background-position: 0 144px; padding-top: 432px; } 87.5% { background-position: 0 168px; padding-top: 456px; } 91.66667% { background-position: 0 192px; padding-top: 480px; } 95.83333% { background-position: 0 216px; padding-top: 504px; } } @keyframes column-16 { 0% { background-position: 0 240px; padding-top: 528px; } 4.16667% { background-position: 0 264px; padding-top: 552px; } 8.33333% { background-position: 0 -288px; padding-top: 0px; } 12.5% { background-position: 0 -264px; padding-top: 24px; } 16.66667% { background-position: 0 -240px; padding-top: 48px; } 20.83333% { background-position: 0 -216px; padding-top: 72px; } 25% { background-position: 0 -192px; padding-top: 96px; } 29.16667% { background-position: 0 -168px; padding-top: 120px; } 33.33333% { background-position: 0 -144px; padding-top: 144px; } 37.5% { background-position: 0 -120px; padding-top: 168px; } 41.66667% { background-position: 0 -96px; padding-top: 192px; } 45.83333% { background-position: 0 -72px; padding-top: 216px; } 50% { background-position: 0 -48px; padding-top: 240px; } 54.16667% { background-position: 0 -24px; padding-top: 264px; } 58.33333% { background-position: 0 0px; padding-top: 288px; } 62.5% { background-position: 0 24px; padding-top: 312px; } 66.66667% { background-position: 0 48px; padding-top: 336px; } 70.83333% { background-position: 0 72px; padding-top: 360px; } 75% { background-position: 0 96px; padding-top: 384px; } 79.16667% { background-position: 0 120px; padding-top: 408px; } 83.33333% { background-position: 0 144px; padding-top: 432px; } 87.5% { background-position: 0 168px; padding-top: 456px; } 91.66667% { background-position: 0 192px; padding-top: 480px; } 95.83333% { background-position: 0 216px; padding-top: 504px; } } .matrix li:nth-child(17) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(17):before { display: block; width: 1em; content: "ঝ উ ৫ ই ট উ ই ঝ উ খ ই চ দ ৮ ০ ৬ ঊ ক থ ৬ থ দ এ থ"; } .matrix li:nth-child(17):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNDEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDEuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 264px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(41.66667%, rgba(0, 0, 0, 0)), color-stop(41.66667%, #000000), color-stop(100%, #000000)) 0 264px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 240px, #000000 240px, #000000 576px) 0 264px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 240px, #000000 240px, #000000 576px) 0 264px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 240px, #000000 240px, #000000 576px) 0 264px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "দ"; padding-top: 504px; overflow: hidden; -webkit-animation: 1920ms column-17 infinite steps(1, start); -moz-animation: 1920ms column-17 infinite steps(1, start); -ms-animation: 1920ms column-17 infinite steps(1, start); -o-animation: 1920ms column-17 infinite steps(1, start); animation: 1920ms column-17 infinite steps(1, start); } @-webkit-keyframes column-17 { 0% { background-position: 0 264px; padding-top: 504px; } 4.16667% { background-position: 0 288px; padding-top: 528px; } 8.33333% { background-position: 0 312px; padding-top: 552px; } 12.5% { background-position: 0 -240px; padding-top: 0px; } 16.66667% { background-position: 0 -216px; padding-top: 24px; } 20.83333% { background-position: 0 -192px; padding-top: 48px; } 25% { background-position: 0 -168px; padding-top: 72px; } 29.16667% { background-position: 0 -144px; padding-top: 96px; } 33.33333% { background-position: 0 -120px; padding-top: 120px; } 37.5% { background-position: 0 -96px; padding-top: 144px; } 41.66667% { background-position: 0 -72px; padding-top: 168px; } 45.83333% { background-position: 0 -48px; padding-top: 192px; } 50% { background-position: 0 -24px; padding-top: 216px; } 54.16667% { background-position: 0 0px; padding-top: 240px; } 58.33333% { background-position: 0 24px; padding-top: 264px; } 62.5% { background-position: 0 48px; padding-top: 288px; } 66.66667% { background-position: 0 72px; padding-top: 312px; } 70.83333% { background-position: 0 96px; padding-top: 336px; } 75% { background-position: 0 120px; padding-top: 360px; } 79.16667% { background-position: 0 144px; padding-top: 384px; } 83.33333% { background-position: 0 168px; padding-top: 408px; } 87.5% { background-position: 0 192px; padding-top: 432px; } 91.66667% { background-position: 0 216px; padding-top: 456px; } 95.83333% { background-position: 0 240px; padding-top: 480px; } } @-moz-keyframes column-17 { 0% { background-position: 0 264px; padding-top: 504px; } 4.16667% { background-position: 0 288px; padding-top: 528px; } 8.33333% { background-position: 0 312px; padding-top: 552px; } 12.5% { background-position: 0 -240px; padding-top: 0px; } 16.66667% { background-position: 0 -216px; padding-top: 24px; } 20.83333% { background-position: 0 -192px; padding-top: 48px; } 25% { background-position: 0 -168px; padding-top: 72px; } 29.16667% { background-position: 0 -144px; padding-top: 96px; } 33.33333% { background-position: 0 -120px; padding-top: 120px; } 37.5% { background-position: 0 -96px; padding-top: 144px; } 41.66667% { background-position: 0 -72px; padding-top: 168px; } 45.83333% { background-position: 0 -48px; padding-top: 192px; } 50% { background-position: 0 -24px; padding-top: 216px; } 54.16667% { background-position: 0 0px; padding-top: 240px; } 58.33333% { background-position: 0 24px; padding-top: 264px; } 62.5% { background-position: 0 48px; padding-top: 288px; } 66.66667% { background-position: 0 72px; padding-top: 312px; } 70.83333% { background-position: 0 96px; padding-top: 336px; } 75% { background-position: 0 120px; padding-top: 360px; } 79.16667% { background-position: 0 144px; padding-top: 384px; } 83.33333% { background-position: 0 168px; padding-top: 408px; } 87.5% { background-position: 0 192px; padding-top: 432px; } 91.66667% { background-position: 0 216px; padding-top: 456px; } 95.83333% { background-position: 0 240px; padding-top: 480px; } } @-o-keyframes column-17 { 0% { background-position: 0 264px; padding-top: 504px; } 4.16667% { background-position: 0 288px; padding-top: 528px; } 8.33333% { background-position: 0 312px; padding-top: 552px; } 12.5% { background-position: 0 -240px; padding-top: 0px; } 16.66667% { background-position: 0 -216px; padding-top: 24px; } 20.83333% { background-position: 0 -192px; padding-top: 48px; } 25% { background-position: 0 -168px; padding-top: 72px; } 29.16667% { background-position: 0 -144px; padding-top: 96px; } 33.33333% { background-position: 0 -120px; padding-top: 120px; } 37.5% { background-position: 0 -96px; padding-top: 144px; } 41.66667% { background-position: 0 -72px; padding-top: 168px; } 45.83333% { background-position: 0 -48px; padding-top: 192px; } 50% { background-position: 0 -24px; padding-top: 216px; } 54.16667% { background-position: 0 0px; padding-top: 240px; } 58.33333% { background-position: 0 24px; padding-top: 264px; } 62.5% { background-position: 0 48px; padding-top: 288px; } 66.66667% { background-position: 0 72px; padding-top: 312px; } 70.83333% { background-position: 0 96px; padding-top: 336px; } 75% { background-position: 0 120px; padding-top: 360px; } 79.16667% { background-position: 0 144px; padding-top: 384px; } 83.33333% { background-position: 0 168px; padding-top: 408px; } 87.5% { background-position: 0 192px; padding-top: 432px; } 91.66667% { background-position: 0 216px; padding-top: 456px; } 95.83333% { background-position: 0 240px; padding-top: 480px; } } @keyframes column-17 { 0% { background-position: 0 264px; padding-top: 504px; } 4.16667% { background-position: 0 288px; padding-top: 528px; } 8.33333% { background-position: 0 312px; padding-top: 552px; } 12.5% { background-position: 0 -240px; padding-top: 0px; } 16.66667% { background-position: 0 -216px; padding-top: 24px; } 20.83333% { background-position: 0 -192px; padding-top: 48px; } 25% { background-position: 0 -168px; padding-top: 72px; } 29.16667% { background-position: 0 -144px; padding-top: 96px; } 33.33333% { background-position: 0 -120px; padding-top: 120px; } 37.5% { background-position: 0 -96px; padding-top: 144px; } 41.66667% { background-position: 0 -72px; padding-top: 168px; } 45.83333% { background-position: 0 -48px; padding-top: 192px; } 50% { background-position: 0 -24px; padding-top: 216px; } 54.16667% { background-position: 0 0px; padding-top: 240px; } 58.33333% { background-position: 0 24px; padding-top: 264px; } 62.5% { background-position: 0 48px; padding-top: 288px; } 66.66667% { background-position: 0 72px; padding-top: 312px; } 70.83333% { background-position: 0 96px; padding-top: 336px; } 75% { background-position: 0 120px; padding-top: 360px; } 79.16667% { background-position: 0 144px; padding-top: 384px; } 83.33333% { background-position: 0 168px; padding-top: 408px; } 87.5% { background-position: 0 192px; padding-top: 432px; } 91.66667% { background-position: 0 216px; padding-top: 456px; } 95.83333% { background-position: 0 240px; padding-top: 480px; } } .matrix li:nth-child(18) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(18):before { display: block; width: 1em; content: "দ ট ০ চ ৫ ঙ জ গ ঙ ৬ ৯ ঘ ট ৩ ই ণ ঙ ২ ৮ খ ৩ ঈ ৪ ঔ"; } .matrix li:nth-child(18):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -72px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(33.33333%, rgba(0, 0, 0, 0)), color-stop(33.33333%, #000000), color-stop(100%, #000000)) 0 -72px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 192px, #000000 192px, #000000 576px) 0 -72px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 192px, #000000 192px, #000000 576px) 0 -72px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 192px, #000000 192px, #000000 576px) 0 -72px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "ঙ"; padding-top: 120px; overflow: hidden; -webkit-animation: 1920ms column-18 infinite steps(1, start); -moz-animation: 1920ms column-18 infinite steps(1, start); -ms-animation: 1920ms column-18 infinite steps(1, start); -o-animation: 1920ms column-18 infinite steps(1, start); animation: 1920ms column-18 infinite steps(1, start); } @-webkit-keyframes column-18 { 0% { background-position: 0 -72px; padding-top: 120px; } 4.16667% { background-position: 0 -48px; padding-top: 144px; } 8.33333% { background-position: 0 -24px; padding-top: 168px; } 12.5% { background-position: 0 0px; padding-top: 192px; } 16.66667% { background-position: 0 24px; padding-top: 216px; } 20.83333% { background-position: 0 48px; padding-top: 240px; } 25% { background-position: 0 72px; padding-top: 264px; } 29.16667% { background-position: 0 96px; padding-top: 288px; } 33.33333% { background-position: 0 120px; padding-top: 312px; } 37.5% { background-position: 0 144px; padding-top: 336px; } 41.66667% { background-position: 0 168px; padding-top: 360px; } 45.83333% { background-position: 0 192px; padding-top: 384px; } 50% { background-position: 0 216px; padding-top: 408px; } 54.16667% { background-position: 0 240px; padding-top: 432px; } 58.33333% { background-position: 0 264px; padding-top: 456px; } 62.5% { background-position: 0 288px; padding-top: 480px; } 66.66667% { background-position: 0 312px; padding-top: 504px; } 70.83333% { background-position: 0 336px; padding-top: 528px; } 75% { background-position: 0 360px; padding-top: 552px; } 79.16667% { background-position: 0 -192px; padding-top: 0px; } 83.33333% { background-position: 0 -168px; padding-top: 24px; } 87.5% { background-position: 0 -144px; padding-top: 48px; } 91.66667% { background-position: 0 -120px; padding-top: 72px; } 95.83333% { background-position: 0 -96px; padding-top: 96px; } } @-moz-keyframes column-18 { 0% { background-position: 0 -72px; padding-top: 120px; } 4.16667% { background-position: 0 -48px; padding-top: 144px; } 8.33333% { background-position: 0 -24px; padding-top: 168px; } 12.5% { background-position: 0 0px; padding-top: 192px; } 16.66667% { background-position: 0 24px; padding-top: 216px; } 20.83333% { background-position: 0 48px; padding-top: 240px; } 25% { background-position: 0 72px; padding-top: 264px; } 29.16667% { background-position: 0 96px; padding-top: 288px; } 33.33333% { background-position: 0 120px; padding-top: 312px; } 37.5% { background-position: 0 144px; padding-top: 336px; } 41.66667% { background-position: 0 168px; padding-top: 360px; } 45.83333% { background-position: 0 192px; padding-top: 384px; } 50% { background-position: 0 216px; padding-top: 408px; } 54.16667% { background-position: 0 240px; padding-top: 432px; } 58.33333% { background-position: 0 264px; padding-top: 456px; } 62.5% { background-position: 0 288px; padding-top: 480px; } 66.66667% { background-position: 0 312px; padding-top: 504px; } 70.83333% { background-position: 0 336px; padding-top: 528px; } 75% { background-position: 0 360px; padding-top: 552px; } 79.16667% { background-position: 0 -192px; padding-top: 0px; } 83.33333% { background-position: 0 -168px; padding-top: 24px; } 87.5% { background-position: 0 -144px; padding-top: 48px; } 91.66667% { background-position: 0 -120px; padding-top: 72px; } 95.83333% { background-position: 0 -96px; padding-top: 96px; } } @-o-keyframes column-18 { 0% { background-position: 0 -72px; padding-top: 120px; } 4.16667% { background-position: 0 -48px; padding-top: 144px; } 8.33333% { background-position: 0 -24px; padding-top: 168px; } 12.5% { background-position: 0 0px; padding-top: 192px; } 16.66667% { background-position: 0 24px; padding-top: 216px; } 20.83333% { background-position: 0 48px; padding-top: 240px; } 25% { background-position: 0 72px; padding-top: 264px; } 29.16667% { background-position: 0 96px; padding-top: 288px; } 33.33333% { background-position: 0 120px; padding-top: 312px; } 37.5% { background-position: 0 144px; padding-top: 336px; } 41.66667% { background-position: 0 168px; padding-top: 360px; } 45.83333% { background-position: 0 192px; padding-top: 384px; } 50% { background-position: 0 216px; padding-top: 408px; } 54.16667% { background-position: 0 240px; padding-top: 432px; } 58.33333% { background-position: 0 264px; padding-top: 456px; } 62.5% { background-position: 0 288px; padding-top: 480px; } 66.66667% { background-position: 0 312px; padding-top: 504px; } 70.83333% { background-position: 0 336px; padding-top: 528px; } 75% { background-position: 0 360px; padding-top: 552px; } 79.16667% { background-position: 0 -192px; padding-top: 0px; } 83.33333% { background-position: 0 -168px; padding-top: 24px; } 87.5% { background-position: 0 -144px; padding-top: 48px; } 91.66667% { background-position: 0 -120px; padding-top: 72px; } 95.83333% { background-position: 0 -96px; padding-top: 96px; } } @keyframes column-18 { 0% { background-position: 0 -72px; padding-top: 120px; } 4.16667% { background-position: 0 -48px; padding-top: 144px; } 8.33333% { background-position: 0 -24px; padding-top: 168px; } 12.5% { background-position: 0 0px; padding-top: 192px; } 16.66667% { background-position: 0 24px; padding-top: 216px; } 20.83333% { background-position: 0 48px; padding-top: 240px; } 25% { background-position: 0 72px; padding-top: 264px; } 29.16667% { background-position: 0 96px; padding-top: 288px; } 33.33333% { background-position: 0 120px; padding-top: 312px; } 37.5% { background-position: 0 144px; padding-top: 336px; } 41.66667% { background-position: 0 168px; padding-top: 360px; } 45.83333% { background-position: 0 192px; padding-top: 384px; } 50% { background-position: 0 216px; padding-top: 408px; } 54.16667% { background-position: 0 240px; padding-top: 432px; } 58.33333% { background-position: 0 264px; padding-top: 456px; } 62.5% { background-position: 0 288px; padding-top: 480px; } 66.66667% { background-position: 0 312px; padding-top: 504px; } 70.83333% { background-position: 0 336px; padding-top: 528px; } 75% { background-position: 0 360px; padding-top: 552px; } 79.16667% { background-position: 0 -192px; padding-top: 0px; } 83.33333% { background-position: 0 -168px; padding-top: 24px; } 87.5% { background-position: 0 -144px; padding-top: 48px; } 91.66667% { background-position: 0 -120px; padding-top: 72px; } 95.83333% { background-position: 0 -96px; padding-top: 96px; } } .matrix li:nth-child(19) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(19):before { display: block; width: 1em; content: "ছ জ ধ ৭ চ ০ ছ ৩ タ ৭ ০ ঈ এ ৯ ৪ ধ ক ঘ উ ছ ঊ ৭ ঐ ণ"; } .matrix li:nth-child(19):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNzAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -264px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(70.83333%, rgba(0, 0, 0, 0)), color-stop(70.83333%, #000000), color-stop(100%, #000000)) 0 -264px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 408px, #000000 408px, #000000 576px) 0 -264px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 408px, #000000 408px, #000000 576px) 0 -264px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 408px, #000000 408px, #000000 576px) 0 -264px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "ছ"; padding-top: 144px; overflow: hidden; -webkit-animation: 1920ms column-19 infinite steps(1, start); -moz-animation: 1920ms column-19 infinite steps(1, start); -ms-animation: 1920ms column-19 infinite steps(1, start); -o-animation: 1920ms column-19 infinite steps(1, start); animation: 1920ms column-19 infinite steps(1, start); } @-webkit-keyframes column-19 { 0% { background-position: 0 -264px; padding-top: 144px; } 4.16667% { background-position: 0 -240px; padding-top: 168px; } 8.33333% { background-position: 0 -216px; padding-top: 192px; } 12.5% { background-position: 0 -192px; padding-top: 216px; } 16.66667% { background-position: 0 -168px; padding-top: 240px; } 20.83333% { background-position: 0 -144px; padding-top: 264px; } 25% { background-position: 0 -120px; padding-top: 288px; } 29.16667% { background-position: 0 -96px; padding-top: 312px; } 33.33333% { background-position: 0 -72px; padding-top: 336px; } 37.5% { background-position: 0 -48px; padding-top: 360px; } 41.66667% { background-position: 0 -24px; padding-top: 384px; } 45.83333% { background-position: 0 0px; padding-top: 408px; } 50% { background-position: 0 24px; padding-top: 432px; } 54.16667% { background-position: 0 48px; padding-top: 456px; } 58.33333% { background-position: 0 72px; padding-top: 480px; } 62.5% { background-position: 0 96px; padding-top: 504px; } 66.66667% { background-position: 0 120px; padding-top: 528px; } 70.83333% { background-position: 0 144px; padding-top: 552px; } 75% { background-position: 0 -408px; padding-top: 0px; } 79.16667% { background-position: 0 -384px; padding-top: 24px; } 83.33333% { background-position: 0 -360px; padding-top: 48px; } 87.5% { background-position: 0 -336px; padding-top: 72px; } 91.66667% { background-position: 0 -312px; padding-top: 96px; } 95.83333% { background-position: 0 -288px; padding-top: 120px; } } @-moz-keyframes column-19 { 0% { background-position: 0 -264px; padding-top: 144px; } 4.16667% { background-position: 0 -240px; padding-top: 168px; } 8.33333% { background-position: 0 -216px; padding-top: 192px; } 12.5% { background-position: 0 -192px; padding-top: 216px; } 16.66667% { background-position: 0 -168px; padding-top: 240px; } 20.83333% { background-position: 0 -144px; padding-top: 264px; } 25% { background-position: 0 -120px; padding-top: 288px; } 29.16667% { background-position: 0 -96px; padding-top: 312px; } 33.33333% { background-position: 0 -72px; padding-top: 336px; } 37.5% { background-position: 0 -48px; padding-top: 360px; } 41.66667% { background-position: 0 -24px; padding-top: 384px; } 45.83333% { background-position: 0 0px; padding-top: 408px; } 50% { background-position: 0 24px; padding-top: 432px; } 54.16667% { background-position: 0 48px; padding-top: 456px; } 58.33333% { background-position: 0 72px; padding-top: 480px; } 62.5% { background-position: 0 96px; padding-top: 504px; } 66.66667% { background-position: 0 120px; padding-top: 528px; } 70.83333% { background-position: 0 144px; padding-top: 552px; } 75% { background-position: 0 -408px; padding-top: 0px; } 79.16667% { background-position: 0 -384px; padding-top: 24px; } 83.33333% { background-position: 0 -360px; padding-top: 48px; } 87.5% { background-position: 0 -336px; padding-top: 72px; } 91.66667% { background-position: 0 -312px; padding-top: 96px; } 95.83333% { background-position: 0 -288px; padding-top: 120px; } } @-o-keyframes column-19 { 0% { background-position: 0 -264px; padding-top: 144px; } 4.16667% { background-position: 0 -240px; padding-top: 168px; } 8.33333% { background-position: 0 -216px; padding-top: 192px; } 12.5% { background-position: 0 -192px; padding-top: 216px; } 16.66667% { background-position: 0 -168px; padding-top: 240px; } 20.83333% { background-position: 0 -144px; padding-top: 264px; } 25% { background-position: 0 -120px; padding-top: 288px; } 29.16667% { background-position: 0 -96px; padding-top: 312px; } 33.33333% { background-position: 0 -72px; padding-top: 336px; } 37.5% { background-position: 0 -48px; padding-top: 360px; } 41.66667% { background-position: 0 -24px; padding-top: 384px; } 45.83333% { background-position: 0 0px; padding-top: 408px; } 50% { background-position: 0 24px; padding-top: 432px; } 54.16667% { background-position: 0 48px; padding-top: 456px; } 58.33333% { background-position: 0 72px; padding-top: 480px; } 62.5% { background-position: 0 96px; padding-top: 504px; } 66.66667% { background-position: 0 120px; padding-top: 528px; } 70.83333% { background-position: 0 144px; padding-top: 552px; } 75% { background-position: 0 -408px; padding-top: 0px; } 79.16667% { background-position: 0 -384px; padding-top: 24px; } 83.33333% { background-position: 0 -360px; padding-top: 48px; } 87.5% { background-position: 0 -336px; padding-top: 72px; } 91.66667% { background-position: 0 -312px; padding-top: 96px; } 95.83333% { background-position: 0 -288px; padding-top: 120px; } } @keyframes column-19 { 0% { background-position: 0 -264px; padding-top: 144px; } 4.16667% { background-position: 0 -240px; padding-top: 168px; } 8.33333% { background-position: 0 -216px; padding-top: 192px; } 12.5% { background-position: 0 -192px; padding-top: 216px; } 16.66667% { background-position: 0 -168px; padding-top: 240px; } 20.83333% { background-position: 0 -144px; padding-top: 264px; } 25% { background-position: 0 -120px; padding-top: 288px; } 29.16667% { background-position: 0 -96px; padding-top: 312px; } 33.33333% { background-position: 0 -72px; padding-top: 336px; } 37.5% { background-position: 0 -48px; padding-top: 360px; } 41.66667% { background-position: 0 -24px; padding-top: 384px; } 45.83333% { background-position: 0 0px; padding-top: 408px; } 50% { background-position: 0 24px; padding-top: 432px; } 54.16667% { background-position: 0 48px; padding-top: 456px; } 58.33333% { background-position: 0 72px; padding-top: 480px; } 62.5% { background-position: 0 96px; padding-top: 504px; } 66.66667% { background-position: 0 120px; padding-top: 528px; } 70.83333% { background-position: 0 144px; padding-top: 552px; } 75% { background-position: 0 -408px; padding-top: 0px; } 79.16667% { background-position: 0 -384px; padding-top: 24px; } 83.33333% { background-position: 0 -360px; padding-top: 48px; } 87.5% { background-position: 0 -336px; padding-top: 72px; } 91.66667% { background-position: 0 -312px; padding-top: 96px; } 95.83333% { background-position: 0 -288px; padding-top: 120px; } } .matrix li:nth-child(20) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(20):before { display: block; width: 1em; content: "আ উ ধ ঐ ৮ থ ৩ চ উ ৮ ছ ণ ৫ ঔ এ ০ ৭ ৭ ০ থ ১ ঘ ই ঔ"; } .matrix li:nth-child(20):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2Mi41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 144px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(62.5%, rgba(0, 0, 0, 0)), color-stop(62.5%, #000000), color-stop(100%, #000000)) 0 144px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 360px, #000000 360px, #000000 576px) 0 144px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 360px, #000000 360px, #000000 576px) 0 144px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 360px, #000000 360px, #000000 576px) 0 144px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "ঘ"; padding-top: 504px; overflow: hidden; -webkit-animation: 1920ms column-20 infinite steps(1, start); -moz-animation: 1920ms column-20 infinite steps(1, start); -ms-animation: 1920ms column-20 infinite steps(1, start); -o-animation: 1920ms column-20 infinite steps(1, start); animation: 1920ms column-20 infinite steps(1, start); } @-webkit-keyframes column-20 { 0% { background-position: 0 144px; padding-top: 504px; } 4.16667% { background-position: 0 168px; padding-top: 528px; } 8.33333% { background-position: 0 192px; padding-top: 552px; } 12.5% { background-position: 0 -360px; padding-top: 0px; } 16.66667% { background-position: 0 -336px; padding-top: 24px; } 20.83333% { background-position: 0 -312px; padding-top: 48px; } 25% { background-position: 0 -288px; padding-top: 72px; } 29.16667% { background-position: 0 -264px; padding-top: 96px; } 33.33333% { background-position: 0 -240px; padding-top: 120px; } 37.5% { background-position: 0 -216px; padding-top: 144px; } 41.66667% { background-position: 0 -192px; padding-top: 168px; } 45.83333% { background-position: 0 -168px; padding-top: 192px; } 50% { background-position: 0 -144px; padding-top: 216px; } 54.16667% { background-position: 0 -120px; padding-top: 240px; } 58.33333% { background-position: 0 -96px; padding-top: 264px; } 62.5% { background-position: 0 -72px; padding-top: 288px; } 66.66667% { background-position: 0 -48px; padding-top: 312px; } 70.83333% { background-position: 0 -24px; padding-top: 336px; } 75% { background-position: 0 0px; padding-top: 360px; } 79.16667% { background-position: 0 24px; padding-top: 384px; } 83.33333% { background-position: 0 48px; padding-top: 408px; } 87.5% { background-position: 0 72px; padding-top: 432px; } 91.66667% { background-position: 0 96px; padding-top: 456px; } 95.83333% { background-position: 0 120px; padding-top: 480px; } } @-moz-keyframes column-20 { 0% { background-position: 0 144px; padding-top: 504px; } 4.16667% { background-position: 0 168px; padding-top: 528px; } 8.33333% { background-position: 0 192px; padding-top: 552px; } 12.5% { background-position: 0 -360px; padding-top: 0px; } 16.66667% { background-position: 0 -336px; padding-top: 24px; } 20.83333% { background-position: 0 -312px; padding-top: 48px; } 25% { background-position: 0 -288px; padding-top: 72px; } 29.16667% { background-position: 0 -264px; padding-top: 96px; } 33.33333% { background-position: 0 -240px; padding-top: 120px; } 37.5% { background-position: 0 -216px; padding-top: 144px; } 41.66667% { background-position: 0 -192px; padding-top: 168px; } 45.83333% { background-position: 0 -168px; padding-top: 192px; } 50% { background-position: 0 -144px; padding-top: 216px; } 54.16667% { background-position: 0 -120px; padding-top: 240px; } 58.33333% { background-position: 0 -96px; padding-top: 264px; } 62.5% { background-position: 0 -72px; padding-top: 288px; } 66.66667% { background-position: 0 -48px; padding-top: 312px; } 70.83333% { background-position: 0 -24px; padding-top: 336px; } 75% { background-position: 0 0px; padding-top: 360px; } 79.16667% { background-position: 0 24px; padding-top: 384px; } 83.33333% { background-position: 0 48px; padding-top: 408px; } 87.5% { background-position: 0 72px; padding-top: 432px; } 91.66667% { background-position: 0 96px; padding-top: 456px; } 95.83333% { background-position: 0 120px; padding-top: 480px; } } @-o-keyframes column-20 { 0% { background-position: 0 144px; padding-top: 504px; } 4.16667% { background-position: 0 168px; padding-top: 528px; } 8.33333% { background-position: 0 192px; padding-top: 552px; } 12.5% { background-position: 0 -360px; padding-top: 0px; } 16.66667% { background-position: 0 -336px; padding-top: 24px; } 20.83333% { background-position: 0 -312px; padding-top: 48px; } 25% { background-position: 0 -288px; padding-top: 72px; } 29.16667% { background-position: 0 -264px; padding-top: 96px; } 33.33333% { background-position: 0 -240px; padding-top: 120px; } 37.5% { background-position: 0 -216px; padding-top: 144px; } 41.66667% { background-position: 0 -192px; padding-top: 168px; } 45.83333% { background-position: 0 -168px; padding-top: 192px; } 50% { background-position: 0 -144px; padding-top: 216px; } 54.16667% { background-position: 0 -120px; padding-top: 240px; } 58.33333% { background-position: 0 -96px; padding-top: 264px; } 62.5% { background-position: 0 -72px; padding-top: 288px; } 66.66667% { background-position: 0 -48px; padding-top: 312px; } 70.83333% { background-position: 0 -24px; padding-top: 336px; } 75% { background-position: 0 0px; padding-top: 360px; } 79.16667% { background-position: 0 24px; padding-top: 384px; } 83.33333% { background-position: 0 48px; padding-top: 408px; } 87.5% { background-position: 0 72px; padding-top: 432px; } 91.66667% { background-position: 0 96px; padding-top: 456px; } 95.83333% { background-position: 0 120px; padding-top: 480px; } } @keyframes column-20 { 0% { background-position: 0 144px; padding-top: 504px; } 4.16667% { background-position: 0 168px; padding-top: 528px; } 8.33333% { background-position: 0 192px; padding-top: 552px; } 12.5% { background-position: 0 -360px; padding-top: 0px; } 16.66667% { background-position: 0 -336px; padding-top: 24px; } 20.83333% { background-position: 0 -312px; padding-top: 48px; } 25% { background-position: 0 -288px; padding-top: 72px; } 29.16667% { background-position: 0 -264px; padding-top: 96px; } 33.33333% { background-position: 0 -240px; padding-top: 120px; } 37.5% { background-position: 0 -216px; padding-top: 144px; } 41.66667% { background-position: 0 -192px; padding-top: 168px; } 45.83333% { background-position: 0 -168px; padding-top: 192px; } 50% { background-position: 0 -144px; padding-top: 216px; } 54.16667% { background-position: 0 -120px; padding-top: 240px; } 58.33333% { background-position: 0 -96px; padding-top: 264px; } 62.5% { background-position: 0 -72px; padding-top: 288px; } 66.66667% { background-position: 0 -48px; padding-top: 312px; } 70.83333% { background-position: 0 -24px; padding-top: 336px; } 75% { background-position: 0 0px; padding-top: 360px; } 79.16667% { background-position: 0 24px; padding-top: 384px; } 83.33333% { background-position: 0 48px; padding-top: 408px; } 87.5% { background-position: 0 72px; padding-top: 432px; } 91.66667% { background-position: 0 96px; padding-top: 456px; } 95.83333% { background-position: 0 120px; padding-top: 480px; } } .matrix li:nth-child(21) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(21):before { display: block; width: 1em; content: "ঈ ৫ জ ঈ ৯ ২ উ ই ৯ দ ২ দ উ দ ১ চ ৫ ১ ণ ৬ চ ক ঊ ৮"; } .matrix li:nth-child(21):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjAuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 24px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(20.83333%, rgba(0, 0, 0, 0)), color-stop(20.83333%, #000000), color-stop(100%, #000000)) 0 24px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 120px, #000000 120px, #000000 576px) 0 24px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 120px, #000000 120px, #000000 576px) 0 24px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 120px, #000000 120px, #000000 576px) 0 24px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "উ"; padding-top: 144px; overflow: hidden; -webkit-animation: 1920ms column-21 infinite steps(1, start); -moz-animation: 1920ms column-21 infinite steps(1, start); -ms-animation: 1920ms column-21 infinite steps(1, start); -o-animation: 1920ms column-21 infinite steps(1, start); animation: 1920ms column-21 infinite steps(1, start); } @-webkit-keyframes column-21 { 0% { background-position: 0 24px; padding-top: 144px; } 4.16667% { background-position: 0 48px; padding-top: 168px; } 8.33333% { background-position: 0 72px; padding-top: 192px; } 12.5% { background-position: 0 96px; padding-top: 216px; } 16.66667% { background-position: 0 120px; padding-top: 240px; } 20.83333% { background-position: 0 144px; padding-top: 264px; } 25% { background-position: 0 168px; padding-top: 288px; } 29.16667% { background-position: 0 192px; padding-top: 312px; } 33.33333% { background-position: 0 216px; padding-top: 336px; } 37.5% { background-position: 0 240px; padding-top: 360px; } 41.66667% { background-position: 0 264px; padding-top: 384px; } 45.83333% { background-position: 0 288px; padding-top: 408px; } 50% { background-position: 0 312px; padding-top: 432px; } 54.16667% { background-position: 0 336px; padding-top: 456px; } 58.33333% { background-position: 0 360px; padding-top: 480px; } 62.5% { background-position: 0 384px; padding-top: 504px; } 66.66667% { background-position: 0 408px; padding-top: 528px; } 70.83333% { background-position: 0 432px; padding-top: 552px; } 75% { background-position: 0 -120px; padding-top: 0px; } 79.16667% { background-position: 0 -96px; padding-top: 24px; } 83.33333% { background-position: 0 -72px; padding-top: 48px; } 87.5% { background-position: 0 -48px; padding-top: 72px; } 91.66667% { background-position: 0 -24px; padding-top: 96px; } 95.83333% { background-position: 0 0px; padding-top: 120px; } } @-moz-keyframes column-21 { 0% { background-position: 0 24px; padding-top: 144px; } 4.16667% { background-position: 0 48px; padding-top: 168px; } 8.33333% { background-position: 0 72px; padding-top: 192px; } 12.5% { background-position: 0 96px; padding-top: 216px; } 16.66667% { background-position: 0 120px; padding-top: 240px; } 20.83333% { background-position: 0 144px; padding-top: 264px; } 25% { background-position: 0 168px; padding-top: 288px; } 29.16667% { background-position: 0 192px; padding-top: 312px; } 33.33333% { background-position: 0 216px; padding-top: 336px; } 37.5% { background-position: 0 240px; padding-top: 360px; } 41.66667% { background-position: 0 264px; padding-top: 384px; } 45.83333% { background-position: 0 288px; padding-top: 408px; } 50% { background-position: 0 312px; padding-top: 432px; } 54.16667% { background-position: 0 336px; padding-top: 456px; } 58.33333% { background-position: 0 360px; padding-top: 480px; } 62.5% { background-position: 0 384px; padding-top: 504px; } 66.66667% { background-position: 0 408px; padding-top: 528px; } 70.83333% { background-position: 0 432px; padding-top: 552px; } 75% { background-position: 0 -120px; padding-top: 0px; } 79.16667% { background-position: 0 -96px; padding-top: 24px; } 83.33333% { background-position: 0 -72px; padding-top: 48px; } 87.5% { background-position: 0 -48px; padding-top: 72px; } 91.66667% { background-position: 0 -24px; padding-top: 96px; } 95.83333% { background-position: 0 0px; padding-top: 120px; } } @-o-keyframes column-21 { 0% { background-position: 0 24px; padding-top: 144px; } 4.16667% { background-position: 0 48px; padding-top: 168px; } 8.33333% { background-position: 0 72px; padding-top: 192px; } 12.5% { background-position: 0 96px; padding-top: 216px; } 16.66667% { background-position: 0 120px; padding-top: 240px; } 20.83333% { background-position: 0 144px; padding-top: 264px; } 25% { background-position: 0 168px; padding-top: 288px; } 29.16667% { background-position: 0 192px; padding-top: 312px; } 33.33333% { background-position: 0 216px; padding-top: 336px; } 37.5% { background-position: 0 240px; padding-top: 360px; } 41.66667% { background-position: 0 264px; padding-top: 384px; } 45.83333% { background-position: 0 288px; padding-top: 408px; } 50% { background-position: 0 312px; padding-top: 432px; } 54.16667% { background-position: 0 336px; padding-top: 456px; } 58.33333% { background-position: 0 360px; padding-top: 480px; } 62.5% { background-position: 0 384px; padding-top: 504px; } 66.66667% { background-position: 0 408px; padding-top: 528px; } 70.83333% { background-position: 0 432px; padding-top: 552px; } 75% { background-position: 0 -120px; padding-top: 0px; } 79.16667% { background-position: 0 -96px; padding-top: 24px; } 83.33333% { background-position: 0 -72px; padding-top: 48px; } 87.5% { background-position: 0 -48px; padding-top: 72px; } 91.66667% { background-position: 0 -24px; padding-top: 96px; } 95.83333% { background-position: 0 0px; padding-top: 120px; } } @keyframes column-21 { 0% { background-position: 0 24px; padding-top: 144px; } 4.16667% { background-position: 0 48px; padding-top: 168px; } 8.33333% { background-position: 0 72px; padding-top: 192px; } 12.5% { background-position: 0 96px; padding-top: 216px; } 16.66667% { background-position: 0 120px; padding-top: 240px; } 20.83333% { background-position: 0 144px; padding-top: 264px; } 25% { background-position: 0 168px; padding-top: 288px; } 29.16667% { background-position: 0 192px; padding-top: 312px; } 33.33333% { background-position: 0 216px; padding-top: 336px; } 37.5% { background-position: 0 240px; padding-top: 360px; } 41.66667% { background-position: 0 264px; padding-top: 384px; } 45.83333% { background-position: 0 288px; padding-top: 408px; } 50% { background-position: 0 312px; padding-top: 432px; } 54.16667% { background-position: 0 336px; padding-top: 456px; } 58.33333% { background-position: 0 360px; padding-top: 480px; } 62.5% { background-position: 0 384px; padding-top: 504px; } 66.66667% { background-position: 0 408px; padding-top: 528px; } 70.83333% { background-position: 0 432px; padding-top: 552px; } 75% { background-position: 0 -120px; padding-top: 0px; } 79.16667% { background-position: 0 -96px; padding-top: 24px; } 83.33333% { background-position: 0 -72px; padding-top: 48px; } 87.5% { background-position: 0 -48px; padding-top: 72px; } 91.66667% { background-position: 0 -24px; padding-top: 96px; } 95.83333% { background-position: 0 0px; padding-top: 120px; } } .matrix li:nth-child(22) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(22):before { display: block; width: 1em; content: "ধ ঘ ৮ ক জ চ থ গ ৬ ণ ১ タ ৯ খ ছ গ ণ ঙ চ ৯ ৭ ঊ ঊ ঊ"; } .matrix li:nth-child(22):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iODMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iODMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -336px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(83.33333%, rgba(0, 0, 0, 0)), color-stop(83.33333%, #000000), color-stop(100%, #000000)) 0 -336px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 480px, #000000 480px, #000000 576px) 0 -336px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 480px, #000000 480px, #000000 576px) 0 -336px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 480px, #000000 480px, #000000 576px) 0 -336px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "থ"; padding-top: 144px; overflow: hidden; -webkit-animation: 1920ms column-22 infinite steps(1, start); -moz-animation: 1920ms column-22 infinite steps(1, start); -ms-animation: 1920ms column-22 infinite steps(1, start); -o-animation: 1920ms column-22 infinite steps(1, start); animation: 1920ms column-22 infinite steps(1, start); } @-webkit-keyframes column-22 { 0% { background-position: 0 -336px; padding-top: 144px; } 4.16667% { background-position: 0 -312px; padding-top: 168px; } 8.33333% { background-position: 0 -288px; padding-top: 192px; } 12.5% { background-position: 0 -264px; padding-top: 216px; } 16.66667% { background-position: 0 -240px; padding-top: 240px; } 20.83333% { background-position: 0 -216px; padding-top: 264px; } 25% { background-position: 0 -192px; padding-top: 288px; } 29.16667% { background-position: 0 -168px; padding-top: 312px; } 33.33333% { background-position: 0 -144px; padding-top: 336px; } 37.5% { background-position: 0 -120px; padding-top: 360px; } 41.66667% { background-position: 0 -96px; padding-top: 384px; } 45.83333% { background-position: 0 -72px; padding-top: 408px; } 50% { background-position: 0 -48px; padding-top: 432px; } 54.16667% { background-position: 0 -24px; padding-top: 456px; } 58.33333% { background-position: 0 0px; padding-top: 480px; } 62.5% { background-position: 0 24px; padding-top: 504px; } 66.66667% { background-position: 0 48px; padding-top: 528px; } 70.83333% { background-position: 0 72px; padding-top: 552px; } 75% { background-position: 0 -480px; padding-top: 0px; } 79.16667% { background-position: 0 -456px; padding-top: 24px; } 83.33333% { background-position: 0 -432px; padding-top: 48px; } 87.5% { background-position: 0 -408px; padding-top: 72px; } 91.66667% { background-position: 0 -384px; padding-top: 96px; } 95.83333% { background-position: 0 -360px; padding-top: 120px; } } @-moz-keyframes column-22 { 0% { background-position: 0 -336px; padding-top: 144px; } 4.16667% { background-position: 0 -312px; padding-top: 168px; } 8.33333% { background-position: 0 -288px; padding-top: 192px; } 12.5% { background-position: 0 -264px; padding-top: 216px; } 16.66667% { background-position: 0 -240px; padding-top: 240px; } 20.83333% { background-position: 0 -216px; padding-top: 264px; } 25% { background-position: 0 -192px; padding-top: 288px; } 29.16667% { background-position: 0 -168px; padding-top: 312px; } 33.33333% { background-position: 0 -144px; padding-top: 336px; } 37.5% { background-position: 0 -120px; padding-top: 360px; } 41.66667% { background-position: 0 -96px; padding-top: 384px; } 45.83333% { background-position: 0 -72px; padding-top: 408px; } 50% { background-position: 0 -48px; padding-top: 432px; } 54.16667% { background-position: 0 -24px; padding-top: 456px; } 58.33333% { background-position: 0 0px; padding-top: 480px; } 62.5% { background-position: 0 24px; padding-top: 504px; } 66.66667% { background-position: 0 48px; padding-top: 528px; } 70.83333% { background-position: 0 72px; padding-top: 552px; } 75% { background-position: 0 -480px; padding-top: 0px; } 79.16667% { background-position: 0 -456px; padding-top: 24px; } 83.33333% { background-position: 0 -432px; padding-top: 48px; } 87.5% { background-position: 0 -408px; padding-top: 72px; } 91.66667% { background-position: 0 -384px; padding-top: 96px; } 95.83333% { background-position: 0 -360px; padding-top: 120px; } } @-o-keyframes column-22 { 0% { background-position: 0 -336px; padding-top: 144px; } 4.16667% { background-position: 0 -312px; padding-top: 168px; } 8.33333% { background-position: 0 -288px; padding-top: 192px; } 12.5% { background-position: 0 -264px; padding-top: 216px; } 16.66667% { background-position: 0 -240px; padding-top: 240px; } 20.83333% { background-position: 0 -216px; padding-top: 264px; } 25% { background-position: 0 -192px; padding-top: 288px; } 29.16667% { background-position: 0 -168px; padding-top: 312px; } 33.33333% { background-position: 0 -144px; padding-top: 336px; } 37.5% { background-position: 0 -120px; padding-top: 360px; } 41.66667% { background-position: 0 -96px; padding-top: 384px; } 45.83333% { background-position: 0 -72px; padding-top: 408px; } 50% { background-position: 0 -48px; padding-top: 432px; } 54.16667% { background-position: 0 -24px; padding-top: 456px; } 58.33333% { background-position: 0 0px; padding-top: 480px; } 62.5% { background-position: 0 24px; padding-top: 504px; } 66.66667% { background-position: 0 48px; padding-top: 528px; } 70.83333% { background-position: 0 72px; padding-top: 552px; } 75% { background-position: 0 -480px; padding-top: 0px; } 79.16667% { background-position: 0 -456px; padding-top: 24px; } 83.33333% { background-position: 0 -432px; padding-top: 48px; } 87.5% { background-position: 0 -408px; padding-top: 72px; } 91.66667% { background-position: 0 -384px; padding-top: 96px; } 95.83333% { background-position: 0 -360px; padding-top: 120px; } } @keyframes column-22 { 0% { background-position: 0 -336px; padding-top: 144px; } 4.16667% { background-position: 0 -312px; padding-top: 168px; } 8.33333% { background-position: 0 -288px; padding-top: 192px; } 12.5% { background-position: 0 -264px; padding-top: 216px; } 16.66667% { background-position: 0 -240px; padding-top: 240px; } 20.83333% { background-position: 0 -216px; padding-top: 264px; } 25% { background-position: 0 -192px; padding-top: 288px; } 29.16667% { background-position: 0 -168px; padding-top: 312px; } 33.33333% { background-position: 0 -144px; padding-top: 336px; } 37.5% { background-position: 0 -120px; padding-top: 360px; } 41.66667% { background-position: 0 -96px; padding-top: 384px; } 45.83333% { background-position: 0 -72px; padding-top: 408px; } 50% { background-position: 0 -48px; padding-top: 432px; } 54.16667% { background-position: 0 -24px; padding-top: 456px; } 58.33333% { background-position: 0 0px; padding-top: 480px; } 62.5% { background-position: 0 24px; padding-top: 504px; } 66.66667% { background-position: 0 48px; padding-top: 528px; } 70.83333% { background-position: 0 72px; padding-top: 552px; } 75% { background-position: 0 -480px; padding-top: 0px; } 79.16667% { background-position: 0 -456px; padding-top: 24px; } 83.33333% { background-position: 0 -432px; padding-top: 48px; } 87.5% { background-position: 0 -408px; padding-top: 72px; } 91.66667% { background-position: 0 -384px; padding-top: 96px; } 95.83333% { background-position: 0 -360px; padding-top: 120px; } } .matrix li:nth-child(23) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(23):before { display: block; width: 1em; content: "ধ タ ৩ ধ ১ গ ৮ ০ ০ ৪ ঔ ঐ ঐ ঊ ৭ এ ১ ট গ ৬ ট ৬ タ উ"; } .matrix li:nth-child(23):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -72px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(37.5%, rgba(0, 0, 0, 0)), color-stop(37.5%, #000000), color-stop(100%, #000000)) 0 -72px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 216px, #000000 216px, #000000 576px) 0 -72px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 216px, #000000 216px, #000000 576px) 0 -72px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 216px, #000000 216px, #000000 576px) 0 -72px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "৮"; padding-top: 144px; overflow: hidden; -webkit-animation: 1920ms column-23 infinite steps(1, start); -moz-animation: 1920ms column-23 infinite steps(1, start); -ms-animation: 1920ms column-23 infinite steps(1, start); -o-animation: 1920ms column-23 infinite steps(1, start); animation: 1920ms column-23 infinite steps(1, start); } @-webkit-keyframes column-23 { 0% { background-position: 0 -72px; padding-top: 144px; } 4.16667% { background-position: 0 -48px; padding-top: 168px; } 8.33333% { background-position: 0 -24px; padding-top: 192px; } 12.5% { background-position: 0 0px; padding-top: 216px; } 16.66667% { background-position: 0 24px; padding-top: 240px; } 20.83333% { background-position: 0 48px; padding-top: 264px; } 25% { background-position: 0 72px; padding-top: 288px; } 29.16667% { background-position: 0 96px; padding-top: 312px; } 33.33333% { background-position: 0 120px; padding-top: 336px; } 37.5% { background-position: 0 144px; padding-top: 360px; } 41.66667% { background-position: 0 168px; padding-top: 384px; } 45.83333% { background-position: 0 192px; padding-top: 408px; } 50% { background-position: 0 216px; padding-top: 432px; } 54.16667% { background-position: 0 240px; padding-top: 456px; } 58.33333% { background-position: 0 264px; padding-top: 480px; } 62.5% { background-position: 0 288px; padding-top: 504px; } 66.66667% { background-position: 0 312px; padding-top: 528px; } 70.83333% { background-position: 0 336px; padding-top: 552px; } 75% { background-position: 0 -216px; padding-top: 0px; } 79.16667% { background-position: 0 -192px; padding-top: 24px; } 83.33333% { background-position: 0 -168px; padding-top: 48px; } 87.5% { background-position: 0 -144px; padding-top: 72px; } 91.66667% { background-position: 0 -120px; padding-top: 96px; } 95.83333% { background-position: 0 -96px; padding-top: 120px; } } @-moz-keyframes column-23 { 0% { background-position: 0 -72px; padding-top: 144px; } 4.16667% { background-position: 0 -48px; padding-top: 168px; } 8.33333% { background-position: 0 -24px; padding-top: 192px; } 12.5% { background-position: 0 0px; padding-top: 216px; } 16.66667% { background-position: 0 24px; padding-top: 240px; } 20.83333% { background-position: 0 48px; padding-top: 264px; } 25% { background-position: 0 72px; padding-top: 288px; } 29.16667% { background-position: 0 96px; padding-top: 312px; } 33.33333% { background-position: 0 120px; padding-top: 336px; } 37.5% { background-position: 0 144px; padding-top: 360px; } 41.66667% { background-position: 0 168px; padding-top: 384px; } 45.83333% { background-position: 0 192px; padding-top: 408px; } 50% { background-position: 0 216px; padding-top: 432px; } 54.16667% { background-position: 0 240px; padding-top: 456px; } 58.33333% { background-position: 0 264px; padding-top: 480px; } 62.5% { background-position: 0 288px; padding-top: 504px; } 66.66667% { background-position: 0 312px; padding-top: 528px; } 70.83333% { background-position: 0 336px; padding-top: 552px; } 75% { background-position: 0 -216px; padding-top: 0px; } 79.16667% { background-position: 0 -192px; padding-top: 24px; } 83.33333% { background-position: 0 -168px; padding-top: 48px; } 87.5% { background-position: 0 -144px; padding-top: 72px; } 91.66667% { background-position: 0 -120px; padding-top: 96px; } 95.83333% { background-position: 0 -96px; padding-top: 120px; } } @-o-keyframes column-23 { 0% { background-position: 0 -72px; padding-top: 144px; } 4.16667% { background-position: 0 -48px; padding-top: 168px; } 8.33333% { background-position: 0 -24px; padding-top: 192px; } 12.5% { background-position: 0 0px; padding-top: 216px; } 16.66667% { background-position: 0 24px; padding-top: 240px; } 20.83333% { background-position: 0 48px; padding-top: 264px; } 25% { background-position: 0 72px; padding-top: 288px; } 29.16667% { background-position: 0 96px; padding-top: 312px; } 33.33333% { background-position: 0 120px; padding-top: 336px; } 37.5% { background-position: 0 144px; padding-top: 360px; } 41.66667% { background-position: 0 168px; padding-top: 384px; } 45.83333% { background-position: 0 192px; padding-top: 408px; } 50% { background-position: 0 216px; padding-top: 432px; } 54.16667% { background-position: 0 240px; padding-top: 456px; } 58.33333% { background-position: 0 264px; padding-top: 480px; } 62.5% { background-position: 0 288px; padding-top: 504px; } 66.66667% { background-position: 0 312px; padding-top: 528px; } 70.83333% { background-position: 0 336px; padding-top: 552px; } 75% { background-position: 0 -216px; padding-top: 0px; } 79.16667% { background-position: 0 -192px; padding-top: 24px; } 83.33333% { background-position: 0 -168px; padding-top: 48px; } 87.5% { background-position: 0 -144px; padding-top: 72px; } 91.66667% { background-position: 0 -120px; padding-top: 96px; } 95.83333% { background-position: 0 -96px; padding-top: 120px; } } @keyframes column-23 { 0% { background-position: 0 -72px; padding-top: 144px; } 4.16667% { background-position: 0 -48px; padding-top: 168px; } 8.33333% { background-position: 0 -24px; padding-top: 192px; } 12.5% { background-position: 0 0px; padding-top: 216px; } 16.66667% { background-position: 0 24px; padding-top: 240px; } 20.83333% { background-position: 0 48px; padding-top: 264px; } 25% { background-position: 0 72px; padding-top: 288px; } 29.16667% { background-position: 0 96px; padding-top: 312px; } 33.33333% { background-position: 0 120px; padding-top: 336px; } 37.5% { background-position: 0 144px; padding-top: 360px; } 41.66667% { background-position: 0 168px; padding-top: 384px; } 45.83333% { background-position: 0 192px; padding-top: 408px; } 50% { background-position: 0 216px; padding-top: 432px; } 54.16667% { background-position: 0 240px; padding-top: 456px; } 58.33333% { background-position: 0 264px; padding-top: 480px; } 62.5% { background-position: 0 288px; padding-top: 504px; } 66.66667% { background-position: 0 312px; padding-top: 528px; } 70.83333% { background-position: 0 336px; padding-top: 552px; } 75% { background-position: 0 -216px; padding-top: 0px; } 79.16667% { background-position: 0 -192px; padding-top: 24px; } 83.33333% { background-position: 0 -168px; padding-top: 48px; } 87.5% { background-position: 0 -144px; padding-top: 72px; } 91.66667% { background-position: 0 -120px; padding-top: 96px; } 95.83333% { background-position: 0 -96px; padding-top: 120px; } } .matrix li:nth-child(24) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(24):before { display: block; width: 1em; content: "১ ণ ৯ ৪ ধ ৮ ঙ ঐ ৮ タ আ ধ ৮ ঔ タ ০ ণ চ ছ ঝ ৬ ৮ জ タ"; } .matrix li:nth-child(24):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMzcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -72px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(37.5%, rgba(0, 0, 0, 0)), color-stop(37.5%, #000000), color-stop(100%, #000000)) 0 -72px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 216px, #000000 216px, #000000 576px) 0 -72px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 216px, #000000 216px, #000000 576px) 0 -72px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 216px, #000000 216px, #000000 576px) 0 -72px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "ঙ"; padding-top: 144px; overflow: hidden; -webkit-animation: 1920ms column-24 infinite steps(1, start); -moz-animation: 1920ms column-24 infinite steps(1, start); -ms-animation: 1920ms column-24 infinite steps(1, start); -o-animation: 1920ms column-24 infinite steps(1, start); animation: 1920ms column-24 infinite steps(1, start); } @-webkit-keyframes column-24 { 0% { background-position: 0 -72px; padding-top: 144px; } 4.16667% { background-position: 0 -48px; padding-top: 168px; } 8.33333% { background-position: 0 -24px; padding-top: 192px; } 12.5% { background-position: 0 0px; padding-top: 216px; } 16.66667% { background-position: 0 24px; padding-top: 240px; } 20.83333% { background-position: 0 48px; padding-top: 264px; } 25% { background-position: 0 72px; padding-top: 288px; } 29.16667% { background-position: 0 96px; padding-top: 312px; } 33.33333% { background-position: 0 120px; padding-top: 336px; } 37.5% { background-position: 0 144px; padding-top: 360px; } 41.66667% { background-position: 0 168px; padding-top: 384px; } 45.83333% { background-position: 0 192px; padding-top: 408px; } 50% { background-position: 0 216px; padding-top: 432px; } 54.16667% { background-position: 0 240px; padding-top: 456px; } 58.33333% { background-position: 0 264px; padding-top: 480px; } 62.5% { background-position: 0 288px; padding-top: 504px; } 66.66667% { background-position: 0 312px; padding-top: 528px; } 70.83333% { background-position: 0 336px; padding-top: 552px; } 75% { background-position: 0 -216px; padding-top: 0px; } 79.16667% { background-position: 0 -192px; padding-top: 24px; } 83.33333% { background-position: 0 -168px; padding-top: 48px; } 87.5% { background-position: 0 -144px; padding-top: 72px; } 91.66667% { background-position: 0 -120px; padding-top: 96px; } 95.83333% { background-position: 0 -96px; padding-top: 120px; } } @-moz-keyframes column-24 { 0% { background-position: 0 -72px; padding-top: 144px; } 4.16667% { background-position: 0 -48px; padding-top: 168px; } 8.33333% { background-position: 0 -24px; padding-top: 192px; } 12.5% { background-position: 0 0px; padding-top: 216px; } 16.66667% { background-position: 0 24px; padding-top: 240px; } 20.83333% { background-position: 0 48px; padding-top: 264px; } 25% { background-position: 0 72px; padding-top: 288px; } 29.16667% { background-position: 0 96px; padding-top: 312px; } 33.33333% { background-position: 0 120px; padding-top: 336px; } 37.5% { background-position: 0 144px; padding-top: 360px; } 41.66667% { background-position: 0 168px; padding-top: 384px; } 45.83333% { background-position: 0 192px; padding-top: 408px; } 50% { background-position: 0 216px; padding-top: 432px; } 54.16667% { background-position: 0 240px; padding-top: 456px; } 58.33333% { background-position: 0 264px; padding-top: 480px; } 62.5% { background-position: 0 288px; padding-top: 504px; } 66.66667% { background-position: 0 312px; padding-top: 528px; } 70.83333% { background-position: 0 336px; padding-top: 552px; } 75% { background-position: 0 -216px; padding-top: 0px; } 79.16667% { background-position: 0 -192px; padding-top: 24px; } 83.33333% { background-position: 0 -168px; padding-top: 48px; } 87.5% { background-position: 0 -144px; padding-top: 72px; } 91.66667% { background-position: 0 -120px; padding-top: 96px; } 95.83333% { background-position: 0 -96px; padding-top: 120px; } } @-o-keyframes column-24 { 0% { background-position: 0 -72px; padding-top: 144px; } 4.16667% { background-position: 0 -48px; padding-top: 168px; } 8.33333% { background-position: 0 -24px; padding-top: 192px; } 12.5% { background-position: 0 0px; padding-top: 216px; } 16.66667% { background-position: 0 24px; padding-top: 240px; } 20.83333% { background-position: 0 48px; padding-top: 264px; } 25% { background-position: 0 72px; padding-top: 288px; } 29.16667% { background-position: 0 96px; padding-top: 312px; } 33.33333% { background-position: 0 120px; padding-top: 336px; } 37.5% { background-position: 0 144px; padding-top: 360px; } 41.66667% { background-position: 0 168px; padding-top: 384px; } 45.83333% { background-position: 0 192px; padding-top: 408px; } 50% { background-position: 0 216px; padding-top: 432px; } 54.16667% { background-position: 0 240px; padding-top: 456px; } 58.33333% { background-position: 0 264px; padding-top: 480px; } 62.5% { background-position: 0 288px; padding-top: 504px; } 66.66667% { background-position: 0 312px; padding-top: 528px; } 70.83333% { background-position: 0 336px; padding-top: 552px; } 75% { background-position: 0 -216px; padding-top: 0px; } 79.16667% { background-position: 0 -192px; padding-top: 24px; } 83.33333% { background-position: 0 -168px; padding-top: 48px; } 87.5% { background-position: 0 -144px; padding-top: 72px; } 91.66667% { background-position: 0 -120px; padding-top: 96px; } 95.83333% { background-position: 0 -96px; padding-top: 120px; } } @keyframes column-24 { 0% { background-position: 0 -72px; padding-top: 144px; } 4.16667% { background-position: 0 -48px; padding-top: 168px; } 8.33333% { background-position: 0 -24px; padding-top: 192px; } 12.5% { background-position: 0 0px; padding-top: 216px; } 16.66667% { background-position: 0 24px; padding-top: 240px; } 20.83333% { background-position: 0 48px; padding-top: 264px; } 25% { background-position: 0 72px; padding-top: 288px; } 29.16667% { background-position: 0 96px; padding-top: 312px; } 33.33333% { background-position: 0 120px; padding-top: 336px; } 37.5% { background-position: 0 144px; padding-top: 360px; } 41.66667% { background-position: 0 168px; padding-top: 384px; } 45.83333% { background-position: 0 192px; padding-top: 408px; } 50% { background-position: 0 216px; padding-top: 432px; } 54.16667% { background-position: 0 240px; padding-top: 456px; } 58.33333% { background-position: 0 264px; padding-top: 480px; } 62.5% { background-position: 0 288px; padding-top: 504px; } 66.66667% { background-position: 0 312px; padding-top: 528px; } 70.83333% { background-position: 0 336px; padding-top: 552px; } 75% { background-position: 0 -216px; padding-top: 0px; } 79.16667% { background-position: 0 -192px; padding-top: 24px; } 83.33333% { background-position: 0 -168px; padding-top: 48px; } 87.5% { background-position: 0 -144px; padding-top: 72px; } 91.66667% { background-position: 0 -120px; padding-top: 96px; } 95.83333% { background-position: 0 -96px; padding-top: 120px; } } .matrix li:nth-child(25) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(25):before { display: block; width: 1em; content: "ট ক ণ ই এ ২ ৬ ঝ ৩ গ আ ট ০ ৮ ণ ৪ আ থ ট চ খ ই জ ১"; } .matrix li:nth-child(25):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 24px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(45.83333%, rgba(0, 0, 0, 0)), color-stop(45.83333%, #000000), color-stop(100%, #000000)) 0 24px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 24px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 24px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 24px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "০"; padding-top: 288px; overflow: hidden; -webkit-animation: 1920ms column-25 infinite steps(1, start); -moz-animation: 1920ms column-25 infinite steps(1, start); -ms-animation: 1920ms column-25 infinite steps(1, start); -o-animation: 1920ms column-25 infinite steps(1, start); animation: 1920ms column-25 infinite steps(1, start); } @-webkit-keyframes column-25 { 0% { background-position: 0 24px; padding-top: 288px; } 4.16667% { background-position: 0 48px; padding-top: 312px; } 8.33333% { background-position: 0 72px; padding-top: 336px; } 12.5% { background-position: 0 96px; padding-top: 360px; } 16.66667% { background-position: 0 120px; padding-top: 384px; } 20.83333% { background-position: 0 144px; padding-top: 408px; } 25% { background-position: 0 168px; padding-top: 432px; } 29.16667% { background-position: 0 192px; padding-top: 456px; } 33.33333% { background-position: 0 216px; padding-top: 480px; } 37.5% { background-position: 0 240px; padding-top: 504px; } 41.66667% { background-position: 0 264px; padding-top: 528px; } 45.83333% { background-position: 0 288px; padding-top: 552px; } 50% { background-position: 0 -264px; padding-top: 0px; } 54.16667% { background-position: 0 -240px; padding-top: 24px; } 58.33333% { background-position: 0 -216px; padding-top: 48px; } 62.5% { background-position: 0 -192px; padding-top: 72px; } 66.66667% { background-position: 0 -168px; padding-top: 96px; } 70.83333% { background-position: 0 -144px; padding-top: 120px; } 75% { background-position: 0 -120px; padding-top: 144px; } 79.16667% { background-position: 0 -96px; padding-top: 168px; } 83.33333% { background-position: 0 -72px; padding-top: 192px; } 87.5% { background-position: 0 -48px; padding-top: 216px; } 91.66667% { background-position: 0 -24px; padding-top: 240px; } 95.83333% { background-position: 0 0px; padding-top: 264px; } } @-moz-keyframes column-25 { 0% { background-position: 0 24px; padding-top: 288px; } 4.16667% { background-position: 0 48px; padding-top: 312px; } 8.33333% { background-position: 0 72px; padding-top: 336px; } 12.5% { background-position: 0 96px; padding-top: 360px; } 16.66667% { background-position: 0 120px; padding-top: 384px; } 20.83333% { background-position: 0 144px; padding-top: 408px; } 25% { background-position: 0 168px; padding-top: 432px; } 29.16667% { background-position: 0 192px; padding-top: 456px; } 33.33333% { background-position: 0 216px; padding-top: 480px; } 37.5% { background-position: 0 240px; padding-top: 504px; } 41.66667% { background-position: 0 264px; padding-top: 528px; } 45.83333% { background-position: 0 288px; padding-top: 552px; } 50% { background-position: 0 -264px; padding-top: 0px; } 54.16667% { background-position: 0 -240px; padding-top: 24px; } 58.33333% { background-position: 0 -216px; padding-top: 48px; } 62.5% { background-position: 0 -192px; padding-top: 72px; } 66.66667% { background-position: 0 -168px; padding-top: 96px; } 70.83333% { background-position: 0 -144px; padding-top: 120px; } 75% { background-position: 0 -120px; padding-top: 144px; } 79.16667% { background-position: 0 -96px; padding-top: 168px; } 83.33333% { background-position: 0 -72px; padding-top: 192px; } 87.5% { background-position: 0 -48px; padding-top: 216px; } 91.66667% { background-position: 0 -24px; padding-top: 240px; } 95.83333% { background-position: 0 0px; padding-top: 264px; } } @-o-keyframes column-25 { 0% { background-position: 0 24px; padding-top: 288px; } 4.16667% { background-position: 0 48px; padding-top: 312px; } 8.33333% { background-position: 0 72px; padding-top: 336px; } 12.5% { background-position: 0 96px; padding-top: 360px; } 16.66667% { background-position: 0 120px; padding-top: 384px; } 20.83333% { background-position: 0 144px; padding-top: 408px; } 25% { background-position: 0 168px; padding-top: 432px; } 29.16667% { background-position: 0 192px; padding-top: 456px; } 33.33333% { background-position: 0 216px; padding-top: 480px; } 37.5% { background-position: 0 240px; padding-top: 504px; } 41.66667% { background-position: 0 264px; padding-top: 528px; } 45.83333% { background-position: 0 288px; padding-top: 552px; } 50% { background-position: 0 -264px; padding-top: 0px; } 54.16667% { background-position: 0 -240px; padding-top: 24px; } 58.33333% { background-position: 0 -216px; padding-top: 48px; } 62.5% { background-position: 0 -192px; padding-top: 72px; } 66.66667% { background-position: 0 -168px; padding-top: 96px; } 70.83333% { background-position: 0 -144px; padding-top: 120px; } 75% { background-position: 0 -120px; padding-top: 144px; } 79.16667% { background-position: 0 -96px; padding-top: 168px; } 83.33333% { background-position: 0 -72px; padding-top: 192px; } 87.5% { background-position: 0 -48px; padding-top: 216px; } 91.66667% { background-position: 0 -24px; padding-top: 240px; } 95.83333% { background-position: 0 0px; padding-top: 264px; } } @keyframes column-25 { 0% { background-position: 0 24px; padding-top: 288px; } 4.16667% { background-position: 0 48px; padding-top: 312px; } 8.33333% { background-position: 0 72px; padding-top: 336px; } 12.5% { background-position: 0 96px; padding-top: 360px; } 16.66667% { background-position: 0 120px; padding-top: 384px; } 20.83333% { background-position: 0 144px; padding-top: 408px; } 25% { background-position: 0 168px; padding-top: 432px; } 29.16667% { background-position: 0 192px; padding-top: 456px; } 33.33333% { background-position: 0 216px; padding-top: 480px; } 37.5% { background-position: 0 240px; padding-top: 504px; } 41.66667% { background-position: 0 264px; padding-top: 528px; } 45.83333% { background-position: 0 288px; padding-top: 552px; } 50% { background-position: 0 -264px; padding-top: 0px; } 54.16667% { background-position: 0 -240px; padding-top: 24px; } 58.33333% { background-position: 0 -216px; padding-top: 48px; } 62.5% { background-position: 0 -192px; padding-top: 72px; } 66.66667% { background-position: 0 -168px; padding-top: 96px; } 70.83333% { background-position: 0 -144px; padding-top: 120px; } 75% { background-position: 0 -120px; padding-top: 144px; } 79.16667% { background-position: 0 -96px; padding-top: 168px; } 83.33333% { background-position: 0 -72px; padding-top: 192px; } 87.5% { background-position: 0 -48px; padding-top: 216px; } 91.66667% { background-position: 0 -24px; padding-top: 240px; } 95.83333% { background-position: 0 0px; padding-top: 264px; } } .matrix li:nth-child(26) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(26):before { display: block; width: 1em; content: "জ ৬ চ ঙ ঘ ৫ ণ ৮ উ জ গ দ থ ২ ৬ ঊ ০ ৭ ছ এ ৯ জ ৫ জ"; } .matrix li:nth-child(26):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNjYuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjYuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 96px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(66.66667%, rgba(0, 0, 0, 0)), color-stop(66.66667%, #000000), color-stop(100%, #000000)) 0 96px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 384px, #000000 384px, #000000 576px) 0 96px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 384px, #000000 384px, #000000 576px) 0 96px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 384px, #000000 384px, #000000 576px) 0 96px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "৯"; padding-top: 480px; overflow: hidden; -webkit-animation: 1920ms column-26 infinite steps(1, start); -moz-animation: 1920ms column-26 infinite steps(1, start); -ms-animation: 1920ms column-26 infinite steps(1, start); -o-animation: 1920ms column-26 infinite steps(1, start); animation: 1920ms column-26 infinite steps(1, start); } @-webkit-keyframes column-26 { 0% { background-position: 0 96px; padding-top: 480px; } 4.16667% { background-position: 0 120px; padding-top: 504px; } 8.33333% { background-position: 0 144px; padding-top: 528px; } 12.5% { background-position: 0 168px; padding-top: 552px; } 16.66667% { background-position: 0 -384px; padding-top: 0px; } 20.83333% { background-position: 0 -360px; padding-top: 24px; } 25% { background-position: 0 -336px; padding-top: 48px; } 29.16667% { background-position: 0 -312px; padding-top: 72px; } 33.33333% { background-position: 0 -288px; padding-top: 96px; } 37.5% { background-position: 0 -264px; padding-top: 120px; } 41.66667% { background-position: 0 -240px; padding-top: 144px; } 45.83333% { background-position: 0 -216px; padding-top: 168px; } 50% { background-position: 0 -192px; padding-top: 192px; } 54.16667% { background-position: 0 -168px; padding-top: 216px; } 58.33333% { background-position: 0 -144px; padding-top: 240px; } 62.5% { background-position: 0 -120px; padding-top: 264px; } 66.66667% { background-position: 0 -96px; padding-top: 288px; } 70.83333% { background-position: 0 -72px; padding-top: 312px; } 75% { background-position: 0 -48px; padding-top: 336px; } 79.16667% { background-position: 0 -24px; padding-top: 360px; } 83.33333% { background-position: 0 0px; padding-top: 384px; } 87.5% { background-position: 0 24px; padding-top: 408px; } 91.66667% { background-position: 0 48px; padding-top: 432px; } 95.83333% { background-position: 0 72px; padding-top: 456px; } } @-moz-keyframes column-26 { 0% { background-position: 0 96px; padding-top: 480px; } 4.16667% { background-position: 0 120px; padding-top: 504px; } 8.33333% { background-position: 0 144px; padding-top: 528px; } 12.5% { background-position: 0 168px; padding-top: 552px; } 16.66667% { background-position: 0 -384px; padding-top: 0px; } 20.83333% { background-position: 0 -360px; padding-top: 24px; } 25% { background-position: 0 -336px; padding-top: 48px; } 29.16667% { background-position: 0 -312px; padding-top: 72px; } 33.33333% { background-position: 0 -288px; padding-top: 96px; } 37.5% { background-position: 0 -264px; padding-top: 120px; } 41.66667% { background-position: 0 -240px; padding-top: 144px; } 45.83333% { background-position: 0 -216px; padding-top: 168px; } 50% { background-position: 0 -192px; padding-top: 192px; } 54.16667% { background-position: 0 -168px; padding-top: 216px; } 58.33333% { background-position: 0 -144px; padding-top: 240px; } 62.5% { background-position: 0 -120px; padding-top: 264px; } 66.66667% { background-position: 0 -96px; padding-top: 288px; } 70.83333% { background-position: 0 -72px; padding-top: 312px; } 75% { background-position: 0 -48px; padding-top: 336px; } 79.16667% { background-position: 0 -24px; padding-top: 360px; } 83.33333% { background-position: 0 0px; padding-top: 384px; } 87.5% { background-position: 0 24px; padding-top: 408px; } 91.66667% { background-position: 0 48px; padding-top: 432px; } 95.83333% { background-position: 0 72px; padding-top: 456px; } } @-o-keyframes column-26 { 0% { background-position: 0 96px; padding-top: 480px; } 4.16667% { background-position: 0 120px; padding-top: 504px; } 8.33333% { background-position: 0 144px; padding-top: 528px; } 12.5% { background-position: 0 168px; padding-top: 552px; } 16.66667% { background-position: 0 -384px; padding-top: 0px; } 20.83333% { background-position: 0 -360px; padding-top: 24px; } 25% { background-position: 0 -336px; padding-top: 48px; } 29.16667% { background-position: 0 -312px; padding-top: 72px; } 33.33333% { background-position: 0 -288px; padding-top: 96px; } 37.5% { background-position: 0 -264px; padding-top: 120px; } 41.66667% { background-position: 0 -240px; padding-top: 144px; } 45.83333% { background-position: 0 -216px; padding-top: 168px; } 50% { background-position: 0 -192px; padding-top: 192px; } 54.16667% { background-position: 0 -168px; padding-top: 216px; } 58.33333% { background-position: 0 -144px; padding-top: 240px; } 62.5% { background-position: 0 -120px; padding-top: 264px; } 66.66667% { background-position: 0 -96px; padding-top: 288px; } 70.83333% { background-position: 0 -72px; padding-top: 312px; } 75% { background-position: 0 -48px; padding-top: 336px; } 79.16667% { background-position: 0 -24px; padding-top: 360px; } 83.33333% { background-position: 0 0px; padding-top: 384px; } 87.5% { background-position: 0 24px; padding-top: 408px; } 91.66667% { background-position: 0 48px; padding-top: 432px; } 95.83333% { background-position: 0 72px; padding-top: 456px; } } @keyframes column-26 { 0% { background-position: 0 96px; padding-top: 480px; } 4.16667% { background-position: 0 120px; padding-top: 504px; } 8.33333% { background-position: 0 144px; padding-top: 528px; } 12.5% { background-position: 0 168px; padding-top: 552px; } 16.66667% { background-position: 0 -384px; padding-top: 0px; } 20.83333% { background-position: 0 -360px; padding-top: 24px; } 25% { background-position: 0 -336px; padding-top: 48px; } 29.16667% { background-position: 0 -312px; padding-top: 72px; } 33.33333% { background-position: 0 -288px; padding-top: 96px; } 37.5% { background-position: 0 -264px; padding-top: 120px; } 41.66667% { background-position: 0 -240px; padding-top: 144px; } 45.83333% { background-position: 0 -216px; padding-top: 168px; } 50% { background-position: 0 -192px; padding-top: 192px; } 54.16667% { background-position: 0 -168px; padding-top: 216px; } 58.33333% { background-position: 0 -144px; padding-top: 240px; } 62.5% { background-position: 0 -120px; padding-top: 264px; } 66.66667% { background-position: 0 -96px; padding-top: 288px; } 70.83333% { background-position: 0 -72px; padding-top: 312px; } 75% { background-position: 0 -48px; padding-top: 336px; } 79.16667% { background-position: 0 -24px; padding-top: 360px; } 83.33333% { background-position: 0 0px; padding-top: 384px; } 87.5% { background-position: 0 24px; padding-top: 408px; } 91.66667% { background-position: 0 48px; padding-top: 432px; } 95.83333% { background-position: 0 72px; padding-top: 456px; } } .matrix li:nth-child(27) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(27):before { display: block; width: 1em; content: "ছ ৬ ঊ ১ ধ ঐ ৬ গ ঙ এ চ ধ জ ৬ ঝ ৭ ৮ খ ণ এ ছ ঈ ঙ ২"; } .matrix li:nth-child(27):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -96px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(45.83333%, rgba(0, 0, 0, 0)), color-stop(45.83333%, #000000), color-stop(100%, #000000)) 0 -96px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 -96px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 -96px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 264px, #000000 264px, #000000 576px) 0 -96px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "গ"; padding-top: 168px; overflow: hidden; -webkit-animation: 1920ms column-27 infinite steps(1, start); -moz-animation: 1920ms column-27 infinite steps(1, start); -ms-animation: 1920ms column-27 infinite steps(1, start); -o-animation: 1920ms column-27 infinite steps(1, start); animation: 1920ms column-27 infinite steps(1, start); } @-webkit-keyframes column-27 { 0% { background-position: 0 -96px; padding-top: 168px; } 4.16667% { background-position: 0 -72px; padding-top: 192px; } 8.33333% { background-position: 0 -48px; padding-top: 216px; } 12.5% { background-position: 0 -24px; padding-top: 240px; } 16.66667% { background-position: 0 0px; padding-top: 264px; } 20.83333% { background-position: 0 24px; padding-top: 288px; } 25% { background-position: 0 48px; padding-top: 312px; } 29.16667% { background-position: 0 72px; padding-top: 336px; } 33.33333% { background-position: 0 96px; padding-top: 360px; } 37.5% { background-position: 0 120px; padding-top: 384px; } 41.66667% { background-position: 0 144px; padding-top: 408px; } 45.83333% { background-position: 0 168px; padding-top: 432px; } 50% { background-position: 0 192px; padding-top: 456px; } 54.16667% { background-position: 0 216px; padding-top: 480px; } 58.33333% { background-position: 0 240px; padding-top: 504px; } 62.5% { background-position: 0 264px; padding-top: 528px; } 66.66667% { background-position: 0 288px; padding-top: 552px; } 70.83333% { background-position: 0 -264px; padding-top: 0px; } 75% { background-position: 0 -240px; padding-top: 24px; } 79.16667% { background-position: 0 -216px; padding-top: 48px; } 83.33333% { background-position: 0 -192px; padding-top: 72px; } 87.5% { background-position: 0 -168px; padding-top: 96px; } 91.66667% { background-position: 0 -144px; padding-top: 120px; } 95.83333% { background-position: 0 -120px; padding-top: 144px; } } @-moz-keyframes column-27 { 0% { background-position: 0 -96px; padding-top: 168px; } 4.16667% { background-position: 0 -72px; padding-top: 192px; } 8.33333% { background-position: 0 -48px; padding-top: 216px; } 12.5% { background-position: 0 -24px; padding-top: 240px; } 16.66667% { background-position: 0 0px; padding-top: 264px; } 20.83333% { background-position: 0 24px; padding-top: 288px; } 25% { background-position: 0 48px; padding-top: 312px; } 29.16667% { background-position: 0 72px; padding-top: 336px; } 33.33333% { background-position: 0 96px; padding-top: 360px; } 37.5% { background-position: 0 120px; padding-top: 384px; } 41.66667% { background-position: 0 144px; padding-top: 408px; } 45.83333% { background-position: 0 168px; padding-top: 432px; } 50% { background-position: 0 192px; padding-top: 456px; } 54.16667% { background-position: 0 216px; padding-top: 480px; } 58.33333% { background-position: 0 240px; padding-top: 504px; } 62.5% { background-position: 0 264px; padding-top: 528px; } 66.66667% { background-position: 0 288px; padding-top: 552px; } 70.83333% { background-position: 0 -264px; padding-top: 0px; } 75% { background-position: 0 -240px; padding-top: 24px; } 79.16667% { background-position: 0 -216px; padding-top: 48px; } 83.33333% { background-position: 0 -192px; padding-top: 72px; } 87.5% { background-position: 0 -168px; padding-top: 96px; } 91.66667% { background-position: 0 -144px; padding-top: 120px; } 95.83333% { background-position: 0 -120px; padding-top: 144px; } } @-o-keyframes column-27 { 0% { background-position: 0 -96px; padding-top: 168px; } 4.16667% { background-position: 0 -72px; padding-top: 192px; } 8.33333% { background-position: 0 -48px; padding-top: 216px; } 12.5% { background-position: 0 -24px; padding-top: 240px; } 16.66667% { background-position: 0 0px; padding-top: 264px; } 20.83333% { background-position: 0 24px; padding-top: 288px; } 25% { background-position: 0 48px; padding-top: 312px; } 29.16667% { background-position: 0 72px; padding-top: 336px; } 33.33333% { background-position: 0 96px; padding-top: 360px; } 37.5% { background-position: 0 120px; padding-top: 384px; } 41.66667% { background-position: 0 144px; padding-top: 408px; } 45.83333% { background-position: 0 168px; padding-top: 432px; } 50% { background-position: 0 192px; padding-top: 456px; } 54.16667% { background-position: 0 216px; padding-top: 480px; } 58.33333% { background-position: 0 240px; padding-top: 504px; } 62.5% { background-position: 0 264px; padding-top: 528px; } 66.66667% { background-position: 0 288px; padding-top: 552px; } 70.83333% { background-position: 0 -264px; padding-top: 0px; } 75% { background-position: 0 -240px; padding-top: 24px; } 79.16667% { background-position: 0 -216px; padding-top: 48px; } 83.33333% { background-position: 0 -192px; padding-top: 72px; } 87.5% { background-position: 0 -168px; padding-top: 96px; } 91.66667% { background-position: 0 -144px; padding-top: 120px; } 95.83333% { background-position: 0 -120px; padding-top: 144px; } } @keyframes column-27 { 0% { background-position: 0 -96px; padding-top: 168px; } 4.16667% { background-position: 0 -72px; padding-top: 192px; } 8.33333% { background-position: 0 -48px; padding-top: 216px; } 12.5% { background-position: 0 -24px; padding-top: 240px; } 16.66667% { background-position: 0 0px; padding-top: 264px; } 20.83333% { background-position: 0 24px; padding-top: 288px; } 25% { background-position: 0 48px; padding-top: 312px; } 29.16667% { background-position: 0 72px; padding-top: 336px; } 33.33333% { background-position: 0 96px; padding-top: 360px; } 37.5% { background-position: 0 120px; padding-top: 384px; } 41.66667% { background-position: 0 144px; padding-top: 408px; } 45.83333% { background-position: 0 168px; padding-top: 432px; } 50% { background-position: 0 192px; padding-top: 456px; } 54.16667% { background-position: 0 216px; padding-top: 480px; } 58.33333% { background-position: 0 240px; padding-top: 504px; } 62.5% { background-position: 0 264px; padding-top: 528px; } 66.66667% { background-position: 0 288px; padding-top: 552px; } 70.83333% { background-position: 0 -264px; padding-top: 0px; } 75% { background-position: 0 -240px; padding-top: 24px; } 79.16667% { background-position: 0 -216px; padding-top: 48px; } 83.33333% { background-position: 0 -192px; padding-top: 72px; } 87.5% { background-position: 0 -168px; padding-top: 96px; } 91.66667% { background-position: 0 -144px; padding-top: 120px; } 95.83333% { background-position: 0 -120px; padding-top: 144px; } } .matrix li:nth-child(28) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(28):before { display: block; width: 1em; content: "ঈ এ ০ দ ০ ক ৬ দ ঝ খ ৪ ছ ৩ দ タ ঘ ঔ ণ চ এ ৮ ই ৪ জ"; } .matrix li:nth-child(28):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iODcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4Ny41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -120px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(87.5%, rgba(0, 0, 0, 0)), color-stop(87.5%, #000000), color-stop(100%, #000000)) 0 -120px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 504px, #000000 504px, #000000 576px) 0 -120px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 504px, #000000 504px, #000000 576px) 0 -120px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 504px, #000000 504px, #000000 576px) 0 -120px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "ঔ"; padding-top: 384px; overflow: hidden; -webkit-animation: 1920ms column-28 infinite steps(1, start); -moz-animation: 1920ms column-28 infinite steps(1, start); -ms-animation: 1920ms column-28 infinite steps(1, start); -o-animation: 1920ms column-28 infinite steps(1, start); animation: 1920ms column-28 infinite steps(1, start); } @-webkit-keyframes column-28 { 0% { background-position: 0 -120px; padding-top: 384px; } 4.16667% { background-position: 0 -96px; padding-top: 408px; } 8.33333% { background-position: 0 -72px; padding-top: 432px; } 12.5% { background-position: 0 -48px; padding-top: 456px; } 16.66667% { background-position: 0 -24px; padding-top: 480px; } 20.83333% { background-position: 0 0px; padding-top: 504px; } 25% { background-position: 0 24px; padding-top: 528px; } 29.16667% { background-position: 0 48px; padding-top: 552px; } 33.33333% { background-position: 0 -504px; padding-top: 0px; } 37.5% { background-position: 0 -480px; padding-top: 24px; } 41.66667% { background-position: 0 -456px; padding-top: 48px; } 45.83333% { background-position: 0 -432px; padding-top: 72px; } 50% { background-position: 0 -408px; padding-top: 96px; } 54.16667% { background-position: 0 -384px; padding-top: 120px; } 58.33333% { background-position: 0 -360px; padding-top: 144px; } 62.5% { background-position: 0 -336px; padding-top: 168px; } 66.66667% { background-position: 0 -312px; padding-top: 192px; } 70.83333% { background-position: 0 -288px; padding-top: 216px; } 75% { background-position: 0 -264px; padding-top: 240px; } 79.16667% { background-position: 0 -240px; padding-top: 264px; } 83.33333% { background-position: 0 -216px; padding-top: 288px; } 87.5% { background-position: 0 -192px; padding-top: 312px; } 91.66667% { background-position: 0 -168px; padding-top: 336px; } 95.83333% { background-position: 0 -144px; padding-top: 360px; } } @-moz-keyframes column-28 { 0% { background-position: 0 -120px; padding-top: 384px; } 4.16667% { background-position: 0 -96px; padding-top: 408px; } 8.33333% { background-position: 0 -72px; padding-top: 432px; } 12.5% { background-position: 0 -48px; padding-top: 456px; } 16.66667% { background-position: 0 -24px; padding-top: 480px; } 20.83333% { background-position: 0 0px; padding-top: 504px; } 25% { background-position: 0 24px; padding-top: 528px; } 29.16667% { background-position: 0 48px; padding-top: 552px; } 33.33333% { background-position: 0 -504px; padding-top: 0px; } 37.5% { background-position: 0 -480px; padding-top: 24px; } 41.66667% { background-position: 0 -456px; padding-top: 48px; } 45.83333% { background-position: 0 -432px; padding-top: 72px; } 50% { background-position: 0 -408px; padding-top: 96px; } 54.16667% { background-position: 0 -384px; padding-top: 120px; } 58.33333% { background-position: 0 -360px; padding-top: 144px; } 62.5% { background-position: 0 -336px; padding-top: 168px; } 66.66667% { background-position: 0 -312px; padding-top: 192px; } 70.83333% { background-position: 0 -288px; padding-top: 216px; } 75% { background-position: 0 -264px; padding-top: 240px; } 79.16667% { background-position: 0 -240px; padding-top: 264px; } 83.33333% { background-position: 0 -216px; padding-top: 288px; } 87.5% { background-position: 0 -192px; padding-top: 312px; } 91.66667% { background-position: 0 -168px; padding-top: 336px; } 95.83333% { background-position: 0 -144px; padding-top: 360px; } } @-o-keyframes column-28 { 0% { background-position: 0 -120px; padding-top: 384px; } 4.16667% { background-position: 0 -96px; padding-top: 408px; } 8.33333% { background-position: 0 -72px; padding-top: 432px; } 12.5% { background-position: 0 -48px; padding-top: 456px; } 16.66667% { background-position: 0 -24px; padding-top: 480px; } 20.83333% { background-position: 0 0px; padding-top: 504px; } 25% { background-position: 0 24px; padding-top: 528px; } 29.16667% { background-position: 0 48px; padding-top: 552px; } 33.33333% { background-position: 0 -504px; padding-top: 0px; } 37.5% { background-position: 0 -480px; padding-top: 24px; } 41.66667% { background-position: 0 -456px; padding-top: 48px; } 45.83333% { background-position: 0 -432px; padding-top: 72px; } 50% { background-position: 0 -408px; padding-top: 96px; } 54.16667% { background-position: 0 -384px; padding-top: 120px; } 58.33333% { background-position: 0 -360px; padding-top: 144px; } 62.5% { background-position: 0 -336px; padding-top: 168px; } 66.66667% { background-position: 0 -312px; padding-top: 192px; } 70.83333% { background-position: 0 -288px; padding-top: 216px; } 75% { background-position: 0 -264px; padding-top: 240px; } 79.16667% { background-position: 0 -240px; padding-top: 264px; } 83.33333% { background-position: 0 -216px; padding-top: 288px; } 87.5% { background-position: 0 -192px; padding-top: 312px; } 91.66667% { background-position: 0 -168px; padding-top: 336px; } 95.83333% { background-position: 0 -144px; padding-top: 360px; } } @keyframes column-28 { 0% { background-position: 0 -120px; padding-top: 384px; } 4.16667% { background-position: 0 -96px; padding-top: 408px; } 8.33333% { background-position: 0 -72px; padding-top: 432px; } 12.5% { background-position: 0 -48px; padding-top: 456px; } 16.66667% { background-position: 0 -24px; padding-top: 480px; } 20.83333% { background-position: 0 0px; padding-top: 504px; } 25% { background-position: 0 24px; padding-top: 528px; } 29.16667% { background-position: 0 48px; padding-top: 552px; } 33.33333% { background-position: 0 -504px; padding-top: 0px; } 37.5% { background-position: 0 -480px; padding-top: 24px; } 41.66667% { background-position: 0 -456px; padding-top: 48px; } 45.83333% { background-position: 0 -432px; padding-top: 72px; } 50% { background-position: 0 -408px; padding-top: 96px; } 54.16667% { background-position: 0 -384px; padding-top: 120px; } 58.33333% { background-position: 0 -360px; padding-top: 144px; } 62.5% { background-position: 0 -336px; padding-top: 168px; } 66.66667% { background-position: 0 -312px; padding-top: 192px; } 70.83333% { background-position: 0 -288px; padding-top: 216px; } 75% { background-position: 0 -264px; padding-top: 240px; } 79.16667% { background-position: 0 -240px; padding-top: 264px; } 83.33333% { background-position: 0 -216px; padding-top: 288px; } 87.5% { background-position: 0 -192px; padding-top: 312px; } 91.66667% { background-position: 0 -168px; padding-top: 336px; } 95.83333% { background-position: 0 -144px; padding-top: 360px; } } .matrix li:nth-child(29) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(29):before { display: block; width: 1em; content: "৬ ৭ ৬ উ ৮ ট উ ঙ ৫ গ ঊ খ ক ৬ ৮ ট ৬ ৩ ২ গ ই ৬ ক চ"; } .matrix li:nth-child(29):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iODcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4Ny41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 0 -432px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(87.5%, rgba(0, 0, 0, 0)), color-stop(87.5%, #000000), color-stop(100%, #000000)) 0 -432px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 504px, #000000 504px, #000000 576px) 0 -432px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 504px, #000000 504px, #000000 576px) 0 -432px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 504px, #000000 504px, #000000 576px) 0 -432px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "উ"; padding-top: 72px; overflow: hidden; -webkit-animation: 1920ms column-29 infinite steps(1, start); -moz-animation: 1920ms column-29 infinite steps(1, start); -ms-animation: 1920ms column-29 infinite steps(1, start); -o-animation: 1920ms column-29 infinite steps(1, start); animation: 1920ms column-29 infinite steps(1, start); } @-webkit-keyframes column-29 { 0% { background-position: 0 -432px; padding-top: 72px; } 4.16667% { background-position: 0 -408px; padding-top: 96px; } 8.33333% { background-position: 0 -384px; padding-top: 120px; } 12.5% { background-position: 0 -360px; padding-top: 144px; } 16.66667% { background-position: 0 -336px; padding-top: 168px; } 20.83333% { background-position: 0 -312px; padding-top: 192px; } 25% { background-position: 0 -288px; padding-top: 216px; } 29.16667% { background-position: 0 -264px; padding-top: 240px; } 33.33333% { background-position: 0 -240px; padding-top: 264px; } 37.5% { background-position: 0 -216px; padding-top: 288px; } 41.66667% { background-position: 0 -192px; padding-top: 312px; } 45.83333% { background-position: 0 -168px; padding-top: 336px; } 50% { background-position: 0 -144px; padding-top: 360px; } 54.16667% { background-position: 0 -120px; padding-top: 384px; } 58.33333% { background-position: 0 -96px; padding-top: 408px; } 62.5% { background-position: 0 -72px; padding-top: 432px; } 66.66667% { background-position: 0 -48px; padding-top: 456px; } 70.83333% { background-position: 0 -24px; padding-top: 480px; } 75% { background-position: 0 0px; padding-top: 504px; } 79.16667% { background-position: 0 24px; padding-top: 528px; } 83.33333% { background-position: 0 48px; padding-top: 552px; } 87.5% { background-position: 0 -504px; padding-top: 0px; } 91.66667% { background-position: 0 -480px; padding-top: 24px; } 95.83333% { background-position: 0 -456px; padding-top: 48px; } } @-moz-keyframes column-29 { 0% { background-position: 0 -432px; padding-top: 72px; } 4.16667% { background-position: 0 -408px; padding-top: 96px; } 8.33333% { background-position: 0 -384px; padding-top: 120px; } 12.5% { background-position: 0 -360px; padding-top: 144px; } 16.66667% { background-position: 0 -336px; padding-top: 168px; } 20.83333% { background-position: 0 -312px; padding-top: 192px; } 25% { background-position: 0 -288px; padding-top: 216px; } 29.16667% { background-position: 0 -264px; padding-top: 240px; } 33.33333% { background-position: 0 -240px; padding-top: 264px; } 37.5% { background-position: 0 -216px; padding-top: 288px; } 41.66667% { background-position: 0 -192px; padding-top: 312px; } 45.83333% { background-position: 0 -168px; padding-top: 336px; } 50% { background-position: 0 -144px; padding-top: 360px; } 54.16667% { background-position: 0 -120px; padding-top: 384px; } 58.33333% { background-position: 0 -96px; padding-top: 408px; } 62.5% { background-position: 0 -72px; padding-top: 432px; } 66.66667% { background-position: 0 -48px; padding-top: 456px; } 70.83333% { background-position: 0 -24px; padding-top: 480px; } 75% { background-position: 0 0px; padding-top: 504px; } 79.16667% { background-position: 0 24px; padding-top: 528px; } 83.33333% { background-position: 0 48px; padding-top: 552px; } 87.5% { background-position: 0 -504px; padding-top: 0px; } 91.66667% { background-position: 0 -480px; padding-top: 24px; } 95.83333% { background-position: 0 -456px; padding-top: 48px; } } @-o-keyframes column-29 { 0% { background-position: 0 -432px; padding-top: 72px; } 4.16667% { background-position: 0 -408px; padding-top: 96px; } 8.33333% { background-position: 0 -384px; padding-top: 120px; } 12.5% { background-position: 0 -360px; padding-top: 144px; } 16.66667% { background-position: 0 -336px; padding-top: 168px; } 20.83333% { background-position: 0 -312px; padding-top: 192px; } 25% { background-position: 0 -288px; padding-top: 216px; } 29.16667% { background-position: 0 -264px; padding-top: 240px; } 33.33333% { background-position: 0 -240px; padding-top: 264px; } 37.5% { background-position: 0 -216px; padding-top: 288px; } 41.66667% { background-position: 0 -192px; padding-top: 312px; } 45.83333% { background-position: 0 -168px; padding-top: 336px; } 50% { background-position: 0 -144px; padding-top: 360px; } 54.16667% { background-position: 0 -120px; padding-top: 384px; } 58.33333% { background-position: 0 -96px; padding-top: 408px; } 62.5% { background-position: 0 -72px; padding-top: 432px; } 66.66667% { background-position: 0 -48px; padding-top: 456px; } 70.83333% { background-position: 0 -24px; padding-top: 480px; } 75% { background-position: 0 0px; padding-top: 504px; } 79.16667% { background-position: 0 24px; padding-top: 528px; } 83.33333% { background-position: 0 48px; padding-top: 552px; } 87.5% { background-position: 0 -504px; padding-top: 0px; } 91.66667% { background-position: 0 -480px; padding-top: 24px; } 95.83333% { background-position: 0 -456px; padding-top: 48px; } } @keyframes column-29 { 0% { background-position: 0 -432px; padding-top: 72px; } 4.16667% { background-position: 0 -408px; padding-top: 96px; } 8.33333% { background-position: 0 -384px; padding-top: 120px; } 12.5% { background-position: 0 -360px; padding-top: 144px; } 16.66667% { background-position: 0 -336px; padding-top: 168px; } 20.83333% { background-position: 0 -312px; padding-top: 192px; } 25% { background-position: 0 -288px; padding-top: 216px; } 29.16667% { background-position: 0 -264px; padding-top: 240px; } 33.33333% { background-position: 0 -240px; padding-top: 264px; } 37.5% { background-position: 0 -216px; padding-top: 288px; } 41.66667% { background-position: 0 -192px; padding-top: 312px; } 45.83333% { background-position: 0 -168px; padding-top: 336px; } 50% { background-position: 0 -144px; padding-top: 360px; } 54.16667% { background-position: 0 -120px; padding-top: 384px; } 58.33333% { background-position: 0 -96px; padding-top: 408px; } 62.5% { background-position: 0 -72px; padding-top: 432px; } 66.66667% { background-position: 0 -48px; padding-top: 456px; } 70.83333% { background-position: 0 -24px; padding-top: 480px; } 75% { background-position: 0 0px; padding-top: 504px; } 79.16667% { background-position: 0 24px; padding-top: 528px; } 83.33333% { background-position: 0 48px; padding-top: 552px; } 87.5% { background-position: 0 -504px; padding-top: 0px; } 91.66667% { background-position: 0 -480px; padding-top: 24px; } 95.83333% { background-position: 0 -456px; padding-top: 48px; } } .matrix li:nth-child(30) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(30):before { display: block; width: 1em; content: "ণ ঐ জ ঝ এ ছ গ ট ঊ ছ ই ০ ৪ ঈ জ ঈ ঝ ছ থ ই ১ ণ ঔ ঊ"; } .matrix li:nth-child(30):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 336px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(25%, #000000), color-stop(100%, #000000)) 0 336px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 144px, #000000 144px, #000000 576px) 0 336px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 144px, #000000 144px, #000000 576px) 0 336px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 144px, #000000 144px, #000000 576px) 0 336px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "১"; padding-top: 480px; overflow: hidden; -webkit-animation: 1920ms column-30 infinite steps(1, start); -moz-animation: 1920ms column-30 infinite steps(1, start); -ms-animation: 1920ms column-30 infinite steps(1, start); -o-animation: 1920ms column-30 infinite steps(1, start); animation: 1920ms column-30 infinite steps(1, start); } @-webkit-keyframes column-30 { 0% { background-position: 0 336px; padding-top: 480px; } 4.16667% { background-position: 0 360px; padding-top: 504px; } 8.33333% { background-position: 0 384px; padding-top: 528px; } 12.5% { background-position: 0 408px; padding-top: 552px; } 16.66667% { background-position: 0 -144px; padding-top: 0px; } 20.83333% { background-position: 0 -120px; padding-top: 24px; } 25% { background-position: 0 -96px; padding-top: 48px; } 29.16667% { background-position: 0 -72px; padding-top: 72px; } 33.33333% { background-position: 0 -48px; padding-top: 96px; } 37.5% { background-position: 0 -24px; padding-top: 120px; } 41.66667% { background-position: 0 0px; padding-top: 144px; } 45.83333% { background-position: 0 24px; padding-top: 168px; } 50% { background-position: 0 48px; padding-top: 192px; } 54.16667% { background-position: 0 72px; padding-top: 216px; } 58.33333% { background-position: 0 96px; padding-top: 240px; } 62.5% { background-position: 0 120px; padding-top: 264px; } 66.66667% { background-position: 0 144px; padding-top: 288px; } 70.83333% { background-position: 0 168px; padding-top: 312px; } 75% { background-position: 0 192px; padding-top: 336px; } 79.16667% { background-position: 0 216px; padding-top: 360px; } 83.33333% { background-position: 0 240px; padding-top: 384px; } 87.5% { background-position: 0 264px; padding-top: 408px; } 91.66667% { background-position: 0 288px; padding-top: 432px; } 95.83333% { background-position: 0 312px; padding-top: 456px; } } @-moz-keyframes column-30 { 0% { background-position: 0 336px; padding-top: 480px; } 4.16667% { background-position: 0 360px; padding-top: 504px; } 8.33333% { background-position: 0 384px; padding-top: 528px; } 12.5% { background-position: 0 408px; padding-top: 552px; } 16.66667% { background-position: 0 -144px; padding-top: 0px; } 20.83333% { background-position: 0 -120px; padding-top: 24px; } 25% { background-position: 0 -96px; padding-top: 48px; } 29.16667% { background-position: 0 -72px; padding-top: 72px; } 33.33333% { background-position: 0 -48px; padding-top: 96px; } 37.5% { background-position: 0 -24px; padding-top: 120px; } 41.66667% { background-position: 0 0px; padding-top: 144px; } 45.83333% { background-position: 0 24px; padding-top: 168px; } 50% { background-position: 0 48px; padding-top: 192px; } 54.16667% { background-position: 0 72px; padding-top: 216px; } 58.33333% { background-position: 0 96px; padding-top: 240px; } 62.5% { background-position: 0 120px; padding-top: 264px; } 66.66667% { background-position: 0 144px; padding-top: 288px; } 70.83333% { background-position: 0 168px; padding-top: 312px; } 75% { background-position: 0 192px; padding-top: 336px; } 79.16667% { background-position: 0 216px; padding-top: 360px; } 83.33333% { background-position: 0 240px; padding-top: 384px; } 87.5% { background-position: 0 264px; padding-top: 408px; } 91.66667% { background-position: 0 288px; padding-top: 432px; } 95.83333% { background-position: 0 312px; padding-top: 456px; } } @-o-keyframes column-30 { 0% { background-position: 0 336px; padding-top: 480px; } 4.16667% { background-position: 0 360px; padding-top: 504px; } 8.33333% { background-position: 0 384px; padding-top: 528px; } 12.5% { background-position: 0 408px; padding-top: 552px; } 16.66667% { background-position: 0 -144px; padding-top: 0px; } 20.83333% { background-position: 0 -120px; padding-top: 24px; } 25% { background-position: 0 -96px; padding-top: 48px; } 29.16667% { background-position: 0 -72px; padding-top: 72px; } 33.33333% { background-position: 0 -48px; padding-top: 96px; } 37.5% { background-position: 0 -24px; padding-top: 120px; } 41.66667% { background-position: 0 0px; padding-top: 144px; } 45.83333% { background-position: 0 24px; padding-top: 168px; } 50% { background-position: 0 48px; padding-top: 192px; } 54.16667% { background-position: 0 72px; padding-top: 216px; } 58.33333% { background-position: 0 96px; padding-top: 240px; } 62.5% { background-position: 0 120px; padding-top: 264px; } 66.66667% { background-position: 0 144px; padding-top: 288px; } 70.83333% { background-position: 0 168px; padding-top: 312px; } 75% { background-position: 0 192px; padding-top: 336px; } 79.16667% { background-position: 0 216px; padding-top: 360px; } 83.33333% { background-position: 0 240px; padding-top: 384px; } 87.5% { background-position: 0 264px; padding-top: 408px; } 91.66667% { background-position: 0 288px; padding-top: 432px; } 95.83333% { background-position: 0 312px; padding-top: 456px; } } @keyframes column-30 { 0% { background-position: 0 336px; padding-top: 480px; } 4.16667% { background-position: 0 360px; padding-top: 504px; } 8.33333% { background-position: 0 384px; padding-top: 528px; } 12.5% { background-position: 0 408px; padding-top: 552px; } 16.66667% { background-position: 0 -144px; padding-top: 0px; } 20.83333% { background-position: 0 -120px; padding-top: 24px; } 25% { background-position: 0 -96px; padding-top: 48px; } 29.16667% { background-position: 0 -72px; padding-top: 72px; } 33.33333% { background-position: 0 -48px; padding-top: 96px; } 37.5% { background-position: 0 -24px; padding-top: 120px; } 41.66667% { background-position: 0 0px; padding-top: 144px; } 45.83333% { background-position: 0 24px; padding-top: 168px; } 50% { background-position: 0 48px; padding-top: 192px; } 54.16667% { background-position: 0 72px; padding-top: 216px; } 58.33333% { background-position: 0 96px; padding-top: 240px; } 62.5% { background-position: 0 120px; padding-top: 264px; } 66.66667% { background-position: 0 144px; padding-top: 288px; } 70.83333% { background-position: 0 168px; padding-top: 312px; } 75% { background-position: 0 192px; padding-top: 336px; } 79.16667% { background-position: 0 216px; padding-top: 360px; } 83.33333% { background-position: 0 240px; padding-top: 384px; } 87.5% { background-position: 0 264px; padding-top: 408px; } 91.66667% { background-position: 0 288px; padding-top: 432px; } 95.83333% { background-position: 0 312px; padding-top: 456px; } } .matrix li:nth-child(31) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(31):before { display: block; width: 1em; content: "ঝ ঙ ১ গ গ ৮ চ ঈ খ ঐ ছ ছ জ ৯ জ উ ধ ঝ ট ঈ ৮ খ জ ণ"; } .matrix li:nth-child(31):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNzkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 -312px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(79.16667%, rgba(0, 0, 0, 0)), color-stop(79.16667%, #000000), color-stop(100%, #000000)) 0 -312px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 456px, #000000 456px, #000000 576px) 0 -312px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 456px, #000000 456px, #000000 576px) 0 -312px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 456px, #000000 456px, #000000 576px) 0 -312px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "চ"; padding-top: 144px; overflow: hidden; -webkit-animation: 1920ms column-31 infinite steps(1, start); -moz-animation: 1920ms column-31 infinite steps(1, start); -ms-animation: 1920ms column-31 infinite steps(1, start); -o-animation: 1920ms column-31 infinite steps(1, start); animation: 1920ms column-31 infinite steps(1, start); } @-webkit-keyframes column-31 { 0% { background-position: 0 -312px; padding-top: 144px; } 4.16667% { background-position: 0 -288px; padding-top: 168px; } 8.33333% { background-position: 0 -264px; padding-top: 192px; } 12.5% { background-position: 0 -240px; padding-top: 216px; } 16.66667% { background-position: 0 -216px; padding-top: 240px; } 20.83333% { background-position: 0 -192px; padding-top: 264px; } 25% { background-position: 0 -168px; padding-top: 288px; } 29.16667% { background-position: 0 -144px; padding-top: 312px; } 33.33333% { background-position: 0 -120px; padding-top: 336px; } 37.5% { background-position: 0 -96px; padding-top: 360px; } 41.66667% { background-position: 0 -72px; padding-top: 384px; } 45.83333% { background-position: 0 -48px; padding-top: 408px; } 50% { background-position: 0 -24px; padding-top: 432px; } 54.16667% { background-position: 0 0px; padding-top: 456px; } 58.33333% { background-position: 0 24px; padding-top: 480px; } 62.5% { background-position: 0 48px; padding-top: 504px; } 66.66667% { background-position: 0 72px; padding-top: 528px; } 70.83333% { background-position: 0 96px; padding-top: 552px; } 75% { background-position: 0 -456px; padding-top: 0px; } 79.16667% { background-position: 0 -432px; padding-top: 24px; } 83.33333% { background-position: 0 -408px; padding-top: 48px; } 87.5% { background-position: 0 -384px; padding-top: 72px; } 91.66667% { background-position: 0 -360px; padding-top: 96px; } 95.83333% { background-position: 0 -336px; padding-top: 120px; } } @-moz-keyframes column-31 { 0% { background-position: 0 -312px; padding-top: 144px; } 4.16667% { background-position: 0 -288px; padding-top: 168px; } 8.33333% { background-position: 0 -264px; padding-top: 192px; } 12.5% { background-position: 0 -240px; padding-top: 216px; } 16.66667% { background-position: 0 -216px; padding-top: 240px; } 20.83333% { background-position: 0 -192px; padding-top: 264px; } 25% { background-position: 0 -168px; padding-top: 288px; } 29.16667% { background-position: 0 -144px; padding-top: 312px; } 33.33333% { background-position: 0 -120px; padding-top: 336px; } 37.5% { background-position: 0 -96px; padding-top: 360px; } 41.66667% { background-position: 0 -72px; padding-top: 384px; } 45.83333% { background-position: 0 -48px; padding-top: 408px; } 50% { background-position: 0 -24px; padding-top: 432px; } 54.16667% { background-position: 0 0px; padding-top: 456px; } 58.33333% { background-position: 0 24px; padding-top: 480px; } 62.5% { background-position: 0 48px; padding-top: 504px; } 66.66667% { background-position: 0 72px; padding-top: 528px; } 70.83333% { background-position: 0 96px; padding-top: 552px; } 75% { background-position: 0 -456px; padding-top: 0px; } 79.16667% { background-position: 0 -432px; padding-top: 24px; } 83.33333% { background-position: 0 -408px; padding-top: 48px; } 87.5% { background-position: 0 -384px; padding-top: 72px; } 91.66667% { background-position: 0 -360px; padding-top: 96px; } 95.83333% { background-position: 0 -336px; padding-top: 120px; } } @-o-keyframes column-31 { 0% { background-position: 0 -312px; padding-top: 144px; } 4.16667% { background-position: 0 -288px; padding-top: 168px; } 8.33333% { background-position: 0 -264px; padding-top: 192px; } 12.5% { background-position: 0 -240px; padding-top: 216px; } 16.66667% { background-position: 0 -216px; padding-top: 240px; } 20.83333% { background-position: 0 -192px; padding-top: 264px; } 25% { background-position: 0 -168px; padding-top: 288px; } 29.16667% { background-position: 0 -144px; padding-top: 312px; } 33.33333% { background-position: 0 -120px; padding-top: 336px; } 37.5% { background-position: 0 -96px; padding-top: 360px; } 41.66667% { background-position: 0 -72px; padding-top: 384px; } 45.83333% { background-position: 0 -48px; padding-top: 408px; } 50% { background-position: 0 -24px; padding-top: 432px; } 54.16667% { background-position: 0 0px; padding-top: 456px; } 58.33333% { background-position: 0 24px; padding-top: 480px; } 62.5% { background-position: 0 48px; padding-top: 504px; } 66.66667% { background-position: 0 72px; padding-top: 528px; } 70.83333% { background-position: 0 96px; padding-top: 552px; } 75% { background-position: 0 -456px; padding-top: 0px; } 79.16667% { background-position: 0 -432px; padding-top: 24px; } 83.33333% { background-position: 0 -408px; padding-top: 48px; } 87.5% { background-position: 0 -384px; padding-top: 72px; } 91.66667% { background-position: 0 -360px; padding-top: 96px; } 95.83333% { background-position: 0 -336px; padding-top: 120px; } } @keyframes column-31 { 0% { background-position: 0 -312px; padding-top: 144px; } 4.16667% { background-position: 0 -288px; padding-top: 168px; } 8.33333% { background-position: 0 -264px; padding-top: 192px; } 12.5% { background-position: 0 -240px; padding-top: 216px; } 16.66667% { background-position: 0 -216px; padding-top: 240px; } 20.83333% { background-position: 0 -192px; padding-top: 264px; } 25% { background-position: 0 -168px; padding-top: 288px; } 29.16667% { background-position: 0 -144px; padding-top: 312px; } 33.33333% { background-position: 0 -120px; padding-top: 336px; } 37.5% { background-position: 0 -96px; padding-top: 360px; } 41.66667% { background-position: 0 -72px; padding-top: 384px; } 45.83333% { background-position: 0 -48px; padding-top: 408px; } 50% { background-position: 0 -24px; padding-top: 432px; } 54.16667% { background-position: 0 0px; padding-top: 456px; } 58.33333% { background-position: 0 24px; padding-top: 480px; } 62.5% { background-position: 0 48px; padding-top: 504px; } 66.66667% { background-position: 0 72px; padding-top: 528px; } 70.83333% { background-position: 0 96px; padding-top: 552px; } 75% { background-position: 0 -456px; padding-top: 0px; } 79.16667% { background-position: 0 -432px; padding-top: 24px; } 83.33333% { background-position: 0 -408px; padding-top: 48px; } 87.5% { background-position: 0 -384px; padding-top: 72px; } 91.66667% { background-position: 0 -360px; padding-top: 96px; } 95.83333% { background-position: 0 -336px; padding-top: 120px; } } .matrix li:nth-child(32) { position: relative; display: inline-block; white-space: normal; vertical-align: top; } .matrix li:nth-child(32):before { display: block; width: 1em; content: "ক ঙ ঐ ধ আ ধ ঘ চ ই চ ঔ ট ক ৮ ঔ ঙ ঙ ধ আ ই ০ ১ ১ ক"; } .matrix li:nth-child(32):after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjkuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 0 312px repeat; background: -webkit-gradient(linear, 50% 0%, 50% 576, color-stop(0%, #000000), color-stop(29.16667%, rgba(0, 0, 0, 0)), color-stop(29.16667%, #000000), color-stop(100%, #000000)) 0 312px repeat; background: -moz-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 168px, #000000 168px, #000000 576px) 0 312px repeat; background: -webkit-linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 168px, #000000 168px, #000000 576px) 0 312px repeat; background: linear-gradient(#000000 0%, rgba(0, 0, 0, 0) 168px, #000000 168px, #000000 576px) 0 312px repeat; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; content: "০"; padding-top: 480px; overflow: hidden; -webkit-animation: 1920ms column-32 infinite steps(1, start); -moz-animation: 1920ms column-32 infinite steps(1, start); -ms-animation: 1920ms column-32 infinite steps(1, start); -o-animation: 1920ms column-32 infinite steps(1, start); animation: 1920ms column-32 infinite steps(1, start); } @-webkit-keyframes column-32 { 0% { background-position: 0 312px; padding-top: 480px; } 4.16667% { background-position: 0 336px; padding-top: 504px; } 8.33333% { background-position: 0 360px; padding-top: 528px; } 12.5% { background-position: 0 384px; padding-top: 552px; } 16.66667% { background-position: 0 -168px; padding-top: 0px; } 20.83333% { background-position: 0 -144px; padding-top: 24px; } 25% { background-position: 0 -120px; padding-top: 48px; } 29.16667% { background-position: 0 -96px; padding-top: 72px; } 33.33333% { background-position: 0 -72px; padding-top: 96px; } 37.5% { background-position: 0 -48px; padding-top: 120px; } 41.66667% { background-position: 0 -24px; padding-top: 144px; } 45.83333% { background-position: 0 0px; padding-top: 168px; } 50% { background-position: 0 24px; padding-top: 192px; } 54.16667% { background-position: 0 48px; padding-top: 216px; } 58.33333% { background-position: 0 72px; padding-top: 240px; } 62.5% { background-position: 0 96px; padding-top: 264px; } 66.66667% { background-position: 0 120px; padding-top: 288px; } 70.83333% { background-position: 0 144px; padding-top: 312px; } 75% { background-position: 0 168px; padding-top: 336px; } 79.16667% { background-position: 0 192px; padding-top: 360px; } 83.33333% { background-position: 0 216px; padding-top: 384px; } 87.5% { background-position: 0 240px; padding-top: 408px; } 91.66667% { background-position: 0 264px; padding-top: 432px; } 95.83333% { background-position: 0 288px; padding-top: 456px; } } @-moz-keyframes column-32 { 0% { background-position: 0 312px; padding-top: 480px; } 4.16667% { background-position: 0 336px; padding-top: 504px; } 8.33333% { background-position: 0 360px; padding-top: 528px; } 12.5% { background-position: 0 384px; padding-top: 552px; } 16.66667% { background-position: 0 -168px; padding-top: 0px; } 20.83333% { background-position: 0 -144px; padding-top: 24px; } 25% { background-position: 0 -120px; padding-top: 48px; } 29.16667% { background-position: 0 -96px; padding-top: 72px; } 33.33333% { background-position: 0 -72px; padding-top: 96px; } 37.5% { background-position: 0 -48px; padding-top: 120px; } 41.66667% { background-position: 0 -24px; padding-top: 144px; } 45.83333% { background-position: 0 0px; padding-top: 168px; } 50% { background-position: 0 24px; padding-top: 192px; } 54.16667% { background-position: 0 48px; padding-top: 216px; } 58.33333% { background-position: 0 72px; padding-top: 240px; } 62.5% { background-position: 0 96px; padding-top: 264px; } 66.66667% { background-position: 0 120px; padding-top: 288px; } 70.83333% { background-position: 0 144px; padding-top: 312px; } 75% { background-position: 0 168px; padding-top: 336px; } 79.16667% { background-position: 0 192px; padding-top: 360px; } 83.33333% { background-position: 0 216px; padding-top: 384px; } 87.5% { background-position: 0 240px; padding-top: 408px; } 91.66667% { background-position: 0 264px; padding-top: 432px; } 95.83333% { background-position: 0 288px; padding-top: 456px; } } @-o-keyframes column-32 { 0% { background-position: 0 312px; padding-top: 480px; } 4.16667% { background-position: 0 336px; padding-top: 504px; } 8.33333% { background-position: 0 360px; padding-top: 528px; } 12.5% { background-position: 0 384px; padding-top: 552px; } 16.66667% { background-position: 0 -168px; padding-top: 0px; } 20.83333% { background-position: 0 -144px; padding-top: 24px; } 25% { background-position: 0 -120px; padding-top: 48px; } 29.16667% { background-position: 0 -96px; padding-top: 72px; } 33.33333% { background-position: 0 -72px; padding-top: 96px; } 37.5% { background-position: 0 -48px; padding-top: 120px; } 41.66667% { background-position: 0 -24px; padding-top: 144px; } 45.83333% { background-position: 0 0px; padding-top: 168px; } 50% { background-position: 0 24px; padding-top: 192px; } 54.16667% { background-position: 0 48px; padding-top: 216px; } 58.33333% { background-position: 0 72px; padding-top: 240px; } 62.5% { background-position: 0 96px; padding-top: 264px; } 66.66667% { background-position: 0 120px; padding-top: 288px; } 70.83333% { background-position: 0 144px; padding-top: 312px; } 75% { background-position: 0 168px; padding-top: 336px; } 79.16667% { background-position: 0 192px; padding-top: 360px; } 83.33333% { background-position: 0 216px; padding-top: 384px; } 87.5% { background-position: 0 240px; padding-top: 408px; } 91.66667% { background-position: 0 264px; padding-top: 432px; } 95.83333% { background-position: 0 288px; padding-top: 456px; } } @keyframes column-32 { 0% { background-position: 0 312px; padding-top: 480px; } 4.16667% { background-position: 0 336px; padding-top: 504px; } 8.33333% { background-position: 0 360px; padding-top: 528px; } 12.5% { background-position: 0 384px; padding-top: 552px; } 16.66667% { background-position: 0 -168px; padding-top: 0px; } 20.83333% { background-position: 0 -144px; padding-top: 24px; } 25% { background-position: 0 -120px; padding-top: 48px; } 29.16667% { background-position: 0 -96px; padding-top: 72px; } 33.33333% { background-position: 0 -72px; padding-top: 96px; } 37.5% { background-position: 0 -48px; padding-top: 120px; } 41.66667% { background-position: 0 -24px; padding-top: 144px; } 45.83333% { background-position: 0 0px; padding-top: 168px; } 50% { background-position: 0 24px; padding-top: 192px; } 54.16667% { background-position: 0 48px; padding-top: 216px; } 58.33333% { background-position: 0 72px; padding-top: 240px; } 62.5% { background-position: 0 96px; padding-top: 264px; } 66.66667% { background-position: 0 120px; padding-top: 288px; } 70.83333% { background-position: 0 144px; padding-top: 312px; } 75% { background-position: 0 168px; padding-top: 336px; } 79.16667% { background-position: 0 192px; padding-top: 360px; } 83.33333% { background-position: 0 216px; padding-top: 384px; } 87.5% { background-position: 0 240px; padding-top: 408px; } 91.66667% { background-position: 0 264px; padding-top: 432px; } 95.83333% { background-position: 0 288px; padding-top: 456px; } }