@import"https://rsms.me/inter/inter.css";*{box-sizing:border-box}html,body,#root{width:100vw;height:100svh;margin:0;-webkit-user-select:none;user-select:none;overflow:hidden}#experience{width:100%;height:90%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}#canvas-container{width:55%;height:100%;padding-left:5vw}#menu{width:100%;height:10%;padding-inline:2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#menu>p{opacity:30%;transition:.3s;font-weight:100;font-size:.8rem}#menu>p:hover{opacity:100%}a{color:#e3caaf!important;text-decoration:underline!important;text-underline-offset:.2rem}a:hover{color:#e3caaf!important;text-decoration:underline;text-underline-offset:.2rem}.scroll{position:absolute;width:100%;height:51%;margin:0;padding:0;-webkit-user-select:none;user-select:none;overflow:hidden;left:0;overflow-y:auto;scroll-snap-type:y proximity}.scroll-column{margin-left:55%;width:45%;padding-left:2vw;padding-right:8vw}@keyframes bounce{0%,to{transform:translateY(0)}80%{transform:translateY(1.2rem)}}#intro-arrow{animation:bounce 4s infinite;font-size:1.7rem}td{padding:0}@media only screen and (max-width: 700px){#canvas-container,.scroll{width:100%}#canvas-container{height:45%;padding:0vw}.scroll{height:55%;position:relative}#menu{padding-inline:9vw}.scroll-column{margin:0;padding:0;padding-inline:9vw;width:100%}#end-section>.text-section{margin-bottom:20vh}}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;background:radial-gradient(circle at bottom center,#284956 10%,#3e607a 80%);font-family:Space Mono,monospace;-webkit-font-smoothing:antialiased}.text-section{pointer-events:none;position:sticky;top:0;display:inline-block;max-width:700px;padding:0vw;color:#e3caaf;line-height:120%;font-size:1.1rem;letter-spacing:1.5px}.text-section>h1{-webkit-font-smoothing:auto;pointer-events:none;color:#e3caaf;font-family:Space Grotesk,serif;font-size:2.9rem;font-weight:100;line-height:120%;margin:0;margin-bottom:.25rem}.text-section>p,p{-webkit-font-smoothing:auto;color:#e3caaf;font-family:Space Mono,monospace;font-size:1.3rem;font-style:normal;font-weight:100;line-height:140%;margin:0}#title-section>.text-section{padding-top:18vh}#title-section p,#title-section h1{text-align:center}#end-section>.text-section{padding-bottom:15vh}span.line{display:inline-block}td{vertical-align:top}td>p{margin-bottom:1rem}.nested-table>td>p{margin-bottom:0rem}.graphic-container{position:relative;text-align:center}#text-label-aarhus{position:absolute;top:6%;left:3%;background-color:#385c71;vertical-align:bottom;padding-inline:.3rem}#text-label-aarhus>p{text-align:left;vertical-align:bottom;margin:0}#text-label-cph{position:absolute;bottom:8%;right:8%;background-color:#385c71;padding-inline:.3rem}#text-label-cph>p{text-align:right;vertical-align:middle;margin:0}@media only screen and (max-width: 1000px){.text-section>h1{font-size:2.5rem}.text-section>p,td>p,#text-label-aarhus>p,#text-label-cph>p{font-size:1.1rem}}@media only screen and (max-width: 700px){.text-section>h1{font-size:3rem}.text-section>p,td>p,#text-label-aarhus>p,#text-label-cph>p{font-size:1.3rem}#title-section>.text-section{width:100%}}@media only screen and (max-width: 600px){#title-section>.text-section{padding-top:0vh}.text-section>h1{font-size:2.5rem}.text-section>p,td>p,#text-label-aarhus>p,#text-label-cph>p{font-size:1.1rem}}.example::-webkit-scrollbar{display:none}.example{-ms-overflow-style:none;scrollbar-width:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}