@layer page{h1{font-size:2rem}.note{font-size:1rem;-webkit-text-stroke:4px #ffffff;paint-order:stroke fill}html{height:100%;overflow:hidden}body{display:flex;flex-direction:column;justify-content:flex-end;height:100%;overflow:hidden;padding-bottom:60px;box-sizing:border-box}main{display:flex;flex-direction:column;gap:30px;padding:0 5vw}.sketch{width:100%;flex:1 1 auto;overflow:hidden}.sketch canvas{display:block;width:100%;height:100%}.menu{display:flex;flex-direction:column;box-sizing:content-box;max-width:600px;gap:3rem;margin-bottom:0}.logo{position:absolute;top:25px;left:25px;width:100px;pointer-events:auto}.link{display:flex;flex-direction:column;gap:10px}.link a{display:block;pointer-events:auto}.link a:hover{text-decoration:underline;font-style:italic}.note{position:absolute;top:0;right:0;transform-origin:center;rotate:15deg;transform:translateY(40px)}@media(min-width:701px){h1{font-size:3rem;margin-top:0}h2{font-size:3rem}p{font-size:1.2rem}body{gap:5vw;justify-content:center}.menu{max-width:none}}@media(min-width:1001px){body{padding-top:60px}.menu{background-color:#ffffff7f;pointer-events:auto;padding:80px 40px;max-width:700px}.logo{display:block;position:initial}main{min-width:0;gap:2rem;position:relative;pointer-events:none;z-index:1}.landing{display:block;flex:1 1 auto;gap:2rem;min-width:560px}.sketch{z-index:0;display:block;position:absolute;left:0;width:100vw;height:100vw}.note{position:absolute;top:initial;right:15px;bottom:0;pointer-events:none;pointer-events:auto;rotate:-15deg;transform:translateY(-40px)}}}