.nav{width:100rem;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:start}.nav a{font-family:Arial,Helvetica,sans-serif;text-decoration:none;font-weight:700;color:#fff;transition:opacity .2s ease-in-out;padding-top:20rem;margin-left:20rem;font-size:15rem}.nav a:hover{opacity:.5}.nav .stroke{position:absolute;top:0;right:0;width:1rem;height:100vh;background-color:#fff}.pageContainer{width:100vw;height:100vh;pointer-events:none;display:flex;justify-content:center;align-items:center}.pageContainer .titleContainer span .title{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:700;font-size:150rem;transition:transform .3s ease-in-out;transform:translateY(100%);color:#fff;mix-blend-mode:difference}*{margin:0;padding:0}html{font-size:.10582010582010581vh;background-color:#e7e5e5}body{font-size:12rem;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100vh;touch-action:none}span{display:inline-block;overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none;opacity:0;transition:opacity .3s ease-in-out;z-index:-1}.win,.loose{position:absolute;top:0;left:0;width:100vw;height:100vh;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.win{background-color:green}.loose{background-color:red}