* body{margin:0;padding:0}html,body{overflow:none}.webgl{position:fixed;left:0;top:0}.section{align-items:center;height:100vh;position:fixed;font-family:Cabin,sans-serif;color:#ffeded;text-transform:uppercase;font-size:1vmin;padding-left:7%;padding-right:10%}img{user-select:none;-webkit-user-drag:none}.loading-screen{position:absolute;background-color:#0ff;width:100%;height:100%;transform-origin:top left;transition:transform .5s ease-in-out;transform:scaleX(0)}.loading-screen.active{transform:scaleX(1)}.loading-screen.inactive{transform:scaleX(0);transform-origin:top right;transition:transform .5s ease-in-out}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s ease;font-size:2rem;font-weight:700;text-align:center;color:#fff;z-index:10000}.progress-percentage.active{opacity:1}.progress-percentage.inactive{transition:opacity .45s ease;opacity:0}