@import"https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;overflow:hidden;font-family:Artifakt,sans-serif}#bodyContainer{position:absolute;top:0;left:560px;width:calc(100vw - 560px);height:100vh;overflow:hidden;z-index:1}#bodyContainer canvas{display:block;width:100%;height:100%;clip-path:inset(0 0 0 14vw)}#sidebar{position:fixed;top:0;left:0;width:auto;height:100vh;background-color:#0000;z-index:10;overflow-y:auto;padding:2.5vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 1400px){#sidebar{max-width:560px}}#infoContainer{display:none;position:relative;width:25vw;height:24vw;background:transparent;border:1px solid #FFF;border-radius:5px;padding:1rem;box-sizing:border-box;color:#fff;z-index:20}#infoContainer video{display:block;width:100%;height:auto;margin-bottom:1rem}#infoContainer p{margin:.5rem 0;line-height:1.2}#infoContainer #name{font-weight:700;font-size:1.2rem}#infoContainer #id{font-size:1rem}#infoContainer #story{font-size:.85rem}#close-button-container{position:absolute;top:.9rem;right:.9rem;width:20px;height:20px;cursor:pointer;z-index:100}#close-button{display:block;width:100%;height:100%;z-index:100}h4{position:fixed;top:0;width:100vw;text-align:center;color:#fff}p.footer-link{position:fixed;bottom:0;width:100vw;text-align:center}p.footer-link a{color:#000;background-color:#fff;padding:.2em .5em;text-decoration:none}p.footer-link a:hover{color:#fff;background-color:#000}#tutorial{position:fixed;left:2.5vh;bottom:32vh;width:32vh;height:15vh;background:#000000b3;border:1px solid #FFF;border-radius:3px;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,sans-serif;z-index:1000}.tutorial-item{display:flex;align-items:center;margin-bottom:2vh}.tutorial-icon{width:2.5vh;height:2.5vh;margin-right:2vh}.tutorial-text{color:#fff;font-weight:400;font-size:1.5vh;height:2.5vh;line-height:2.5vh}#legend{position:fixed;bottom:2.5vh;left:2.5vh;width:32vh;height:28vh;border:1px solid #FFF;border-radius:3px;padding:1rem;box-sizing:border-box;color:#ffffffde;font-family:Inter,sans-serif;z-index:100;background-color:#000}.title{list-style:none;font-size:2vh;height:3vh;line-height:3vh;margin-bottom:1vh}.legend-list{list-style:none;margin:0;padding:0}.legend-list li{display:flex;align-items:center;font-size:1.5vh;height:2.5vh;line-height:2.5vh;font-weight:400}.legend-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:1rem}.dot-academic{background:#863ba5}.dot-ambitions{background:#ff6f55}.dot-community{background:#57b3fe}.dot-resistance{background:#2750b7}.dot-exploration{background:#5c7aff}.dot-family{background:#72a121}.dot-fear{background:#ffe25f}.dot-peace{background:#57a265}