body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Open Sans",sans-serif}.body,html{margin:0;padding:0}:root{--screen-height:1080px;--screen-width:2560px;--all-screen-height:390px;--all-screen-width:1488px;--digit-margin:8px;--digit-width:calc(var(--screen-width)/4 - var(--digit-margin)*2);--digit-height:calc(var(--screen-height) - var(--digit-margin)*2 - 100px);--all-digit-width:calc(var(--all-screen-width)/8 - var(--digit-margin)*2);--all-digit-height:calc(var(--all-screen-height) - var(--digit-margin)*2 - 100px);--thin-digit-width:calc(var(--screen-width)/5 - var(--digit-margin)*2);--digit-bg-color:#333;--digit-bg-color2:#555;--digit-border-color:#222;--digit-font-color:#ddd;--digit-font-size:calc(var(--digit-height)*0.85);--all-digit-font-size:calc(var(--all-digit-height)*0.85);--thin-font-size:calc(var(--digit-height)*0.65);--animation-length:200ms}.container{width:2560px;width:var(--screen-width);height:1080px;height:var(--screen-height);background-color:#000;display:flex;flex-direction:row;justify-content:flex-end}.container.all{width:1488px;width:var(--all-screen-width);height:390px;height:var(--all-screen-height)}.digit{position:relative;margin:8px;margin:var(--digit-margin);margin-top:30px;width:624px;width:var(--digit-width)}.thin{width:496px;width:var(--thin-digit-width)}.digit.all{width:170px;width:var(--all-digit-width);height:274px;height:var(--all-digit-height)}.thin>*{font-size:626.6px!important;font-size:var(--thin-font-size)!important;width:496px!important;width:var(--thin-digit-width)!important}.bg1,.bg2,.bg3,.bg4,.bottom,.bottom-half,.half,.top{border:8px solid #222;border:8px solid var(--digit-border-color);box-sizing:border-box;position:absolute;top:0;left:0;margin:0;width:624px;width:var(--digit-width);height:964px;height:var(--digit-height);color:#ddd;color:var(--digit-font-color);background-color:#333;background-color:var(--digit-bg-color);font-size:819.4px;font-size:var(--digit-font-size);line-height:819.4px;line-height:var(--digit-font-size);display:flex;justify-content:center;align-items:center;border-radius:20px}.all .bg1,.all .bg2,.all .bg3,.all .bg4,.all .bottom,.all .bottom-half,.all .half,.all .top{width:170px;width:var(--all-digit-width);height:274px;height:var(--all-digit-height);font-size:232.9px;font-size:var(--all-digit-font-size)}.bg1{display:none}.bg2{top:-20px;-webkit-clip-path:polygon(0 0,100% 0,100% 20%,0 20%);clip-path:polygon(0 0,100% 0,100% 20%,0 20%)}.bg4{top:40px}.bg3,.bg4{-webkit-clip-path:polygon(0 80%,100% 80%,100% 100%,0 100%);clip-path:polygon(0 80%,100% 80%,100% 100%,0 100%)}.bg3{top:60px}.half{background-color:#555;background-color:var(--digit-bg-color2);-webkit-clip-path:polygon(0 0,100% 0,100% 50%,0 50%);clip-path:polygon(0 0,100% 0,100% 50%,0 50%);-webkit-animation:fall .2s linear;animation:fall .2s linear;-webkit-animation:fall var(--animation-length) linear;animation:fall var(--animation-length) linear;opacity:0}.bottom-half{background-color:#333;background-color:var(--digit-bg-color);-webkit-clip-path:polygon(0 51%,100% 51%,100% 100%,0 100%);clip-path:polygon(0 51%,100% 51%,100% 100%,0 100%);-webkit-animation:fall2 .4s linear;animation:fall2 .4s linear;-webkit-animation:fall2 calc(var(--animation-length)*2) linear;animation:fall2 calc(var(--animation-length)*2) linear;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-delay:var(--animation-length);animation-delay:var(--animation-length);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}.top{-webkit-clip-path:polygon(0 0,100% 0,100% 50%,0 50%);clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.bottom{-webkit-clip-path:polygon(0 51%,100% 51%,100% 100%,0 100%);clip-path:polygon(0 51%,100% 51%,100% 100%,0 100%)}@-webkit-keyframes fall{0%{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);background-color:#333;background-color:var(--digit-bg-color)}to{opacity:1;background-color:#555;background-color:var(--digit-bg-color2);-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes fall{0%{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);background-color:#333;background-color:var(--digit-bg-color)}to{opacity:1;background-color:#555;background-color:var(--digit-bg-color2);-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@-webkit-keyframes fall2{0%{opacity:1;background-color:#555;background-color:var(--digit-bg-color2)}50%{opacity:1;background-color:#333;background-color:var(--digit-bg-color);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes fall2{0%{opacity:1;background-color:#555;background-color:var(--digit-bg-color2)}50%{opacity:1;background-color:#333;background-color:var(--digit-bg-color);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.digit-image-frame{border-radius:50px;margin:30px;overflow:hidden;pointer-events:none}.digit-image{width:100%;height:100%;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:digitZoomBounce 25s infinite;animation:digitZoomBounce 25s infinite}@-webkit-keyframes digitZoomBounce{0%,96%{-webkit-transform:scale(1);transform:scale(1)}98%{-webkit-transform:scale(1.08);transform:scale(1.08)}98.5%{-webkit-transform:scale(1);transform:scale(1)}99.25%{-webkit-transform:scale(1.04);transform:scale(1.04)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes digitZoomBounce{0%,96%{-webkit-transform:scale(1);transform:scale(1)}98%{-webkit-transform:scale(1.08);transform:scale(1.08)}98.5%{-webkit-transform:scale(1);transform:scale(1)}99.25%{-webkit-transform:scale(1.04);transform:scale(1.04)}to{-webkit-transform:scale(1);transform:scale(1)}}.comma{position:absolute;font-size:469.95px;font-size:calc(var(--thin-font-size)*0.75);top:140px;right:0;color:#ddd;color:var(--digit-font-color);z-index:1000}
/*# sourceMappingURL=main.c5569292.chunk.css.map */