html,body{height:100%;margin:0}body{background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden}#art{position:fixed;top:0;right:0;width:60vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;box-sizing:border-box;z-index:0}#art canvas{display:block;width:100%;height:100%}#content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:3rem;box-sizing:border-box}h1{font-size:1.809rem;font-weight:600;margin:0 0 1.5rem}nav a{color:#000;text-decoration:none;margin-right:1.5rem;border-bottom:1px solid #000}nav a:hover{border-bottom:none}@media(max-width:700px){body{overflow:auto;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}#content{position:static;order:2;min-height:0;flex:0 0 auto;padding:2rem 2rem calc(2rem + 50px)}#art{position:static;order:1;width:100%;height:auto;flex:1 1 auto;min-height:55vh;min-height:55dvh;padding:1.5rem}}