*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;display:flex;align-items:center;justify-content:center}.content,.content .menu_overlay,.content .menu_sub,.content .menu_sub-sub{width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}.content{max-width:1440px;overflow:hidden;position:relative;background-image:url(./Menu_main.png);aspect-ratio:1440/980}.content .menu_overlay,.content .menu_sub,.content .menu_sub-sub{position:absolute;top:0;left:0;height:100%}.content .menu_sub,.content .menu_sub-sub{z-index:1;background-image:url(./Menu_sub.png);-webkit-transform:translateX(100%);transform:translateX(100%);transition:transform 400ms ease-in-out;transition:transform 400ms ease-in-out,-webkit-transform 400ms ease-in-out}.content .menu_sub-sub{z-index:2;background-image:url(./Menu_sub-sub.png)}.content .menu_overlay{z-index:20;background-image:url(./Menu_overlay.png);pointer-events:none}.hotspot{position:absolute;z-index:10;background-color:red;opacity:25%;cursor:pointer}.open-sub{width:18%;height:6%;top:34%;left:24%}.close-sub{top:24%;left:59%;width:18%;height:4%}.close-sub-sub,.open-sub-sub{top:41%;left:59%;width:18%;height:4%}.close-sub-sub{top:24%}