@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;700&family=MuseoModerno:wght@100;200&family=Quicksand&display=swap";.button-container{width:70%;height:65vh;padding:1rem;border:2px solid var(--white);border-radius:1vh;position:relative;display:inline-block;overflow-y:scroll}.button-container{scrollbar-width:thin;scrollbar-color:var(--white) rgba(0,0,0,.7)}.button-container::-webkit-scrollbar{width:.5rem}.button-container::-webkit-scrollbar:hover{width:1rem;cursor:pointer}.button-container::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #000000b3}.button-container::-webkit-scrollbar-thumb{background-color:var(--white);border-radius:.25rem}.project-button{width:100%;height:10vh;margin-top:.5vh;margin-bottom:1.5vh;font-size:2.5vh;border-radius:.75vh}.content-projects-center{width:100%;height:100%;position:relative}.content-projects-center>img,.content-projects-center>video{position:absolute;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.content-projects-center button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);width:15vh;height:15vh;font-size:2.5vh;border-radius:1vh}.my-photo{height:100%}.detail-container-about ul{list-style:inside;padding:0;margin:0}.detail-container-about ul li{font-size:2.5vh;color:var(--white)}.contact-center-logos{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-button{border-radius:1rem;width:50%;height:auto;padding:2rem}.contact-button img{width:100%;height:100%}.contact-center-logos p{margin-top:1vh}.login-form{width:70%;height:60%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form>*{font-size:2.5vh;border:2px solid var(--white);border-radius:.5vh;background:transparent;color:var(--white)}.login-form input[type=text]{height:5vh;padding-left:.5rem;width:100%;margin-top:0vh;margin-bottom:2vh;outline:none}.login-form input[type=text]:focus{border-color:var(--yellow)}.login-form input[type=submit]{height:10vh;width:100%;margin-top:5vh}.roomlist-container{width:30vh}.roomlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.roomlist-item{border:2px solid var(--white);border-radius:1rem;margin-bottom:2rem;width:100%;height:20vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.roomlist-item>*{position:absolute;padding:1rem;margin:0}.roomlist-item-image{height:100%;width:auto;opacity:.5}.roomlist-item-lock{height:50%}.canvas-container{display:grid;width:100%;height:100%}.canvas-button{position:absolute;z-index:1;width:100%;height:100%;background-color:transparent}.loading-container{z-index:1}.progress-container{height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:end}.progress-logo{z-index:1;transform:translate(0);height:70%;margin:5vh 0vh}.progress-bar{z-index:2;width:70%}.start-button{width:30vh;height:10vh;margin-top:.5vh;margin-bottom:1.5vh;font-size:2.5vh;border-radius:.5rem}.first-headline{justify-self:center;align-self:center}.content-center{width:100%;height:100%;position:relative}.nft-center-logos{display:flex;flex-direction:column;align-items:center;justify-content:center}.nft-button{border-radius:1rem;width:50%;height:auto;padding:2rem}.nft-button img{width:100%;height:100%}.nft-center-logos p{margin-top:1vh}#canvas{width:100%;height:100%;position:absolute;touch-action:none;background:transparent}.main-container{z-index:1;display:none;position:relative;grid-template-columns:repeat(auto-fit,minmax(clamp(30% - 20px,(40rem - 100%) * 999,100%),1fr))}.content-container{margin:2vh;height:96vh;min-height:400px;position:relative;background:var(--background);border:2px solid var(--white);border-radius:1vh;overflow:hidden}.content-top,.content-center{display:flex;flex-direction:column;align-items:center}.content-top{justify-content:start;margin-top:15vh}.content-center{justify-content:center}.menu-button,.close-button,.how-button{z-index:3;position:fixed;right:3.75vh;transform:translate(0);-moz-transform:translate(1vh,0);width:7vh;height:7vh;font-size:4vh;border-radius:.75vh;display:flex;justify-content:center;align-items:center}.menu-button,.close-button{top:2.75vh}.close-button span{font-size:7vh;transform:translate(-.1vh,.1vh) rotate(45deg);-moz-transform:translate(0vh,.1vh) rotate(45deg)}.how-button{top:12.5vh}.logo{z-index:2;position:fixed;left:2.5vh;top:2.5vh;width:36vh;height:9vh}.detail-container{width:auto;height:auto;position:relative;display:grid;grid-template-rows:repeat(7,10vh)}.first-headline{margin-top:0vh;margin-bottom:2vh;text-align:center}.second-headline,.third-headline{margin-top:4vh;margin-bottom:2vh}.visible{visibility:visible}.hidden{visibility:hidden}.scroll{overflow-y:scroll}.normal{overflow-y:unset}.yellow-color{color:var(--yellow);border-color:var(--yellow)}.white-color{color:var(--white);border-color:var(--white)}.finger-plane{z-index:0;position:fixed;right:-16vh;top:22vh;width:50vh;height:50vh;pointer-events:none}@media only screen and (min-width: 760px) and (orientation: portrait){.main-container,.loading-container{grid-template-columns:repeat(auto-fit,minmax(clamp(40% - 20px,(70rem - 100%) * 999,100%),1fr))}}@media only screen and (min-width: 992px){.submit-button:hover,button:hover{border-color:var(--yellow)}.menu-button,.close-button,.how-button{right:2.75vh;transform:translate(0);-moz-transform:translate(0)}}:root{font-family:Comfortaa,cursive;font-weight:300;line-height:1.5;--yellow: #fac814;--orange: rgb(140, 70, 0);--white: #d2d2d2;--background: rgba(0, 0, 0, .7);--darkGray: #2d2d2d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/studio_nz-ASh10Rco.png);background-size:cover;background-position:center center;background-attachment:fixed}*{box-sizing:border-box;scroll-behavior:smooth}html,body{margin:0;padding:0;height:100vh;display:flex;flex-direction:column;overscroll-behavior:none;overflow:auto}h2{color:var(--white);font-size:3vh}p{grid-row:1 / 6;margin:0;padding-left:4vh;padding-right:4vh;padding-top:0vh;text-align:center;color:var(--white);font-size:2.5vh}button{z-index:1;background:rgba(0,0,0,.7);text-align:center;cursor:pointer;border:2px solid var(--white);font-family:Comfortaa,cursive;font-weight:300}body::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}body::-webkit-scrollbar:hover{width:1rem;cursor:pointer}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #000000b3}body::-webkit-scrollbar-thumb{background-color:var(--white);border-radius:.25rem}