*{padding:0;margin:0;box-sizing:border-box}body{width:100%;height:100vh}.block{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#ffac15}.block:before{width:100%;height:100%;background:url(../img/el.svg) no-repeat center center;position:absolute;content:"";top:50%;left:50%;transform:translate(-50%, -50%)}.block img{width:100%;max-width:477px}.block .load{width:100%;max-width:334px;margin:40px 0 20px}.block .preload{width:100%;max-width:480px;height:40px;background:#ff9103;border-radius:40px;padding:6px}.block .preload .inner{width:100%;height:100%;background:#cc4a00;border-radius:40px;padding:4px}.block .preload .inner .inner_inner{width:100%;height:100%;background:#8f3900;border-radius:40px}.block .preload .inner .inner_inner span{width:0%;height:100%;background:#74e600;display:block;border-radius:40px;-webkit-animation:ANIMATION 90s infinite forwards;animation:ANIMATION 90s infinite forwards}@-webkit-keyframes ANIMATION{0%{width:0%}100%{width:100%}}@keyframes ANIMATION{0%{width:0%}100%{width:100%}}@media(max-height: 500px){.block canvas{position:absolute}.block img{max-width:200px}.block .load{width:100%;max-width:234px;margin:20px 0 30px}.block .preload{width:100%;max-width:380px;height:30px;background:#ff9103;border-radius:40px;padding:6px}}.zag{display:none}@media(max-width: 500px)and (orientation: portrait){.zag{display:block;position:absolute;width:100%;height:100%;z-index:2;-o-object-fit:cover;object-fit:cover}}