body{overflow-x:hidden}.wing-container{position:relative}.wing-left{z-index:1;width:400px;position:absolute;top:0;left:-316px}.wing-right{z-index:1;width:400px;position:absolute;top:0;right:-322px}
:root{--boxSize:1em;--speed:18s;--rotateSceneX:-0deg;--rotateSceneY:0deg}.fancy-banner{perspective:100em;background-color:#aaa;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);height:500px;font-family:Berkshire Swash,cursive;display:grid;overflow:hidden}.cell{width:100%;height:100%}.cell:nth-child(10n+1):hover~.scene{--rotateSceneY:-63deg}.cell:nth-child(n+1):nth-child(-n+10):hover~.scene{--rotateSceneX:36deg}.cell:nth-child(10n+2):hover~.scene{--rotateSceneY:-49deg}.cell:nth-child(n+11):nth-child(-n+20):hover~.scene{--rotateSceneX:28deg}.cell:nth-child(10n+3):hover~.scene{--rotateSceneY:-35deg}.cell:nth-child(n+21):nth-child(-n+30):hover~.scene{--rotateSceneX:20deg}.cell:nth-child(10n+4):hover~.scene{--rotateSceneY:-21deg}.cell:nth-child(n+31):nth-child(-n+40):hover~.scene{--rotateSceneX:12deg}.cell:nth-child(10n+5):hover~.scene{--rotateSceneY:-7deg}.cell:nth-child(n+41):nth-child(-n+50):hover~.scene{--rotateSceneX:4deg}.cell:nth-child(10n+6):hover~.scene{--rotateSceneY:7deg}.cell:nth-child(n+51):nth-child(-n+60):hover~.scene{--rotateSceneX:-4deg}.cell:nth-child(10n+7):hover~.scene{--rotateSceneY:21deg}.cell:nth-child(n+61):nth-child(-n+70):hover~.scene{--rotateSceneX:-12deg}.cell:nth-child(10n+8):hover~.scene{--rotateSceneY:35deg}.cell:nth-child(n+71):nth-child(-n+80):hover~.scene{--rotateSceneX:-20deg}.cell:nth-child(10n+9):hover~.scene{--rotateSceneY:49deg}.cell:nth-child(n+81):nth-child(-n+90):hover~.scene{--rotateSceneX:-28deg}.cell:nth-child(10n+10):hover~.scene{--rotateSceneY:63deg}.cell:nth-child(n+91):nth-child(-n+100):hover~.scene{--rotateSceneX:-36deg}.scene{z-index:-1;transition:transform .5s;position:fixed;top:50%;left:50%}.sign{width:52em;height:28.5em;transform-style:preserve-3d;background-color:#000;position:absolute;top:-14.25em;left:-26em}.sign_front{background-image:linear-gradient(0deg,#544 2em,#0000 2em),linear-gradient(90deg,#544 2em,#0000 2em),linear-gradient(#544 2em,#0000 2em),linear-gradient(270deg,#544 2em,#0000 2em);width:100%;height:100%;transform:translateZ(2em)}.sign_topIn,.sign_topOut{transform-origin:top;background-color:#634f4f;height:2em;position:absolute;transform:rotateX(90deg)}.sign_topIn{width:calc(100% - 4em);bottom:0;left:2em}.sign_topOut{width:100%;top:0;left:0}.sign_bottomIn,.sign_bottomOut{transform-origin:bottom;background-color:#2b2222;height:2em;position:absolute;transform:rotateX(-90deg)}.sign_bottomIn{width:calc(100% - 4em);top:0;left:2em}.sign_bottomOut{width:100%;bottom:0;left:0}.sign_leftIn,.sign_leftOut{transform-origin:0;background-color:#473939;width:2em;position:absolute;transform:rotateY(-90deg)}.sign_leftIn{height:calc(100% - 4em);top:2em;right:0}.sign_leftOut{height:100%;top:0;left:0}.sign_rightIn,.sign_rightOut{transform-origin:100%;background-color:#392d2d;width:2em;position:absolute;transform:rotateY(90deg)}.sign_rightIn{height:calc(100% - 4em);top:2em;left:0}.sign_rightOut{height:100%;top:0;right:0}.sign_segment{width:2em;height:24.5em;transform-style:preserve-3d;position:absolute;top:2em;transform:translate(-50%)translateZ(1em)}.sign_segment:first-child{--ad:0;left:3em}.sign_segment:nth-child(2){--ad:1;left:5em}.sign_segment:nth-child(3){--ad:2;left:7em}.sign_segment:nth-child(4){--ad:3;left:9em}.sign_segment:nth-child(5){--ad:4;left:11em}.sign_segment:nth-child(6){--ad:5;left:13em}.sign_segment:nth-child(7){--ad:6;left:15em}.sign_segment:nth-child(8){--ad:7;left:17em}.sign_segment:nth-child(9){--ad:8;left:19em}.sign_segment:nth-child(10){--ad:9;left:21em}.sign_segment:nth-child(11){--ad:10;left:23em}.sign_segment:nth-child(12){--ad:11;left:25em}.sign_segment:nth-child(13){--ad:12;left:27em}.sign_segment:nth-child(14){--ad:13;left:29em}.sign_segment:nth-child(15){--ad:14;left:31em}.sign_segment:nth-child(16){--ad:15;left:33em}.sign_segment:nth-child(17){--ad:16;left:35em}.sign_segment:nth-child(18){--ad:17;left:37em}.sign_segment:nth-child(19){--ad:18;left:39em}.sign_segment:nth-child(20){--ad:19;left:41em}.sign_segment:nth-child(21){--ad:20;left:43em}.sign_segment:nth-child(22){--ad:21;left:45em}.sign_segment:nth-child(23){--ad:22;left:47em}.sign_segment:nth-child(24){--ad:23;left:49em}.sign_segment:before{content:"";width:1em;height:100%;transform:rotateY(calc(var(--rotateSceneY)*-1));background-image:linear-gradient(90deg,#333,#aaa,#333);position:absolute;top:0;left:.5em}.sign_segment>div{width:1.9em;height:24em;-webkit-animation:signflip var(--speed)cubic-bezier(.5,0,.7,1.5)infinite;animation:signflip var(--speed)cubic-bezier(.5,0,.7,1.5)infinite;background-position:calc(var(--ad)/23*100%)50%;text-align:center;background-size:48em 24em;position:absolute;top:.25em;left:.05em;overflow:hidden}.sign_segment>div:first-child{-webkit-animation-delay:calc((var(--speed)*0) - var(--speed) + (var(--ad)*.1s));animation-delay:calc((var(--speed)*0) - var(--speed) + (var(--ad)*.1s));background-image:url(https://nentang.vn/images/banner/dnpcuong-tuong-lai-nentang.vn.jpeg);box-shadow:inset 0 0 1em #0007}.sign_segment>div:first-child:after{background-image:inherit}.sign_segment>div:nth-child(2){-webkit-animation-delay:calc((var(--speed)*-.333333) - var(--speed) + (var(--ad)*.1s));animation-delay:calc((var(--speed)*-.333333) - var(--speed) + (var(--ad)*.1s));background-image:url(https://nentang.vn/storage/uploads/2024/09/khai_giang_banner.png);box-shadow:inset 0 0 1em #0007}.sign_segment>div:nth-child(2):after{background-image:inherit}.sign_segment>div:nth-child(3){-webkit-animation-delay:calc((var(--speed)*-.666667) - var(--speed) + (var(--ad)*.1s));animation-delay:calc((var(--speed)*-.666667) - var(--speed) + (var(--ad)*.1s));background-image:url(https://nentang.vn/images/banner/dnpcuong-banner-nentang.vn.jpeg);box-shadow:inset 0 0 1em #0007}.sign_segment>div:nth-child(3):after{background-image:inherit}@keyframes signflip{0%,26.666%{transform:rotateY(0)translateZ(.53em)}33.333%,60%{transform:rotateY(120deg)translateZ(.53em)}66.666%,93.333%{transform:rotateY(240deg)translateZ(.53em)}to{transform:rotateY(360deg)translateZ(.53em)}}.shadow{filter:blur(3em);background-color:#0003;width:65em;height:36em;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(-20em)}