body{margin:0;background-color:#fff;background-attachment:fixed;overflow-y:hidden;overflow-x:hidden}canvas{margin:0 0 1px;margin-top:0;height:100%;width:100%}.loading-screen{margin:0;background-color:#fff;height:100%;width:100%;position:absolute;background-attachment:fixed;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.incorrect-orientation{background-color:#000;position:fixed;right:0;bottom:0;min-width:100%;min-height:120%;width:auto;height:auto;margin:0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;visibility:hidden;background-attachment:scroll;z-index:1001}#background{position:fixed;top:0;left:0;width:35%;height:100%;background-color:#ec1848}#incorrect_icon{left:50%;top:60%;position:absolute;transform:translate(-50%,-50%)}#copyright{left:calc(75%);top:calc(90%);width:393;position:absolute;transform:translate(-50%,-50%)}#btn{left:calc(75%);top:50%;position:absolute;transform:translate(-50%,-50%);opacity:0;pointer-events:none}#heroes{left:35%;top:50%;position:absolute;transform:translate(-50%,-50%);height:50%;z-index:1000}.anim-hide{animation:anim-in .5s ease-in forwards}@keyframes anim-in{0%{}1%{opacity:1}100%{visibility:hidden;opacity:0}}.anim-show{animation:anim-out 1s ease-out forwards}@keyframes anim-out{0%{}1%{opacity:0}100%{opacity:1}}