@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans&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,html{margin:0;padding:0;color:#fff;font-family:"Josefin Sans",sans-serif;box-sizing:border-box}#root{overflow:auto;padding:0}a:hover{color:#53e0b3}::selection{background:#53e0b3;color:#fff}.header{z-index:6;width:100vw;height:9vh;background-color:rgba(0,0,0,.25);position:fixed;display:flex;justify-content:space-between;align-items:center;padding:0 16px}@media screen and (min-width:768px){.header{background-color:transparent;height:35vh;width:auto;margin-top:5rem;padding:0 24px;flex-direction:column;align-items:flex-start}}@media screen and (min-width:1440px){.header{padding-left:2rem}}.header__links{width:100%;display:flex;justify-content:space-around}@media screen and (min-width:768px){.header__links{padding-top:1rem;flex-direction:column;width:50%;height:100%}}.header__link{color:#fff;text-decoration:none;font-size:.9rem;transition:.3s ease;display:flex}@media screen and (min-width:768px){.header__link{font-size:1.5rem}}@media screen and (min-width:1440px){.header__link{font-size:2rem}}.header__link:after{content:" \2794";overflow:visible;overflow:initial;font-size:inherit;margin-left:.25rem;display:inline-block;transform:rotate(315deg)}.header__link:hover{color:#53e0b3}.title:after{content:none}.selected{text-decoration:underline;color:#53e0b3}.home{position:relative}.home__player-scene{width:100vw;height:100vh;color:#fff}.home__player-scene canvas{width:100%;height:100%;background-color:#000;overflow:visible}.home__player-scene canvas>div{z-index:10000000}.home__img{width:100vw;height:100vh}.home__content-container{position:relative;top:0}.home__title{font-size:1rem;font-weight:500;letter-spacing:1rem;width:100%;opacity:0;height:80%;display:flex;justify-content:center;align-items:flex-end;position:absolute;top:0;left:0;text-align:center;line-height:1.75rem;color:#fff}@media screen and (min-width:768px){.home__title{font-size:2rem;line-height:2.75rem}}.scrollArea{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:auto}.loading{font-size:1rem;padding:10px;transform:translate3d(-50%,-50%,0)}@media screen and (min-width:768px){.loading{font-size:2rem}}.pages{color:#fff}.pages h2{margin:.5rem 0}@media screen and (min-width:768px){.pages h2{margin:1rem 0}}.pages__description{color:#fff;width:70%;margin:0 auto}@media screen and (min-width:768px){.pages__description{width:50%}}@media screen and (min-width:1440px){.pages__description{line-height:1.25rem;width:50%}}.pages__description-title{padding-bottom:.5rem}@media screen and (min-width:768px){.pages__description-title{padding-bottom:1rem}}.pages__code-container{width:85%;height:100%;margin:0 auto}@media screen and (min-width:768px){.pages__code-container{width:60%}}.pages__code{padding:16px;border:2px solid #fff;border-radius:10px;color:#fff;margin-bottom:2rem}.pages__iframe{width:100%;height:50%;border:0;border-radius:4px;overflow:hidden;height:350px}@media screen and (min-width:768px){.pages__iframe{height:500px}}.pages__footer{width:90%;display:flex;justify-content:space-between;margin:0 auto}@media screen and (min-width:768px){.pages__footer{width:60%}}.pages__footer-title{padding-bottom:.5rem;text-align:center}@media screen and (min-width:768px){.pages__footer-title{padding-bottom:1rem;text-align:start}}.pages__footer-links{display:flex;flex-direction:column;text-align:center}@media screen and (min-width:768px){.pages__footer-links{text-align:start}}.pages__link{text-decoration:none;padding-bottom:.8rem}.pages__link:after{content:" \2794";overflow:visible;overflow:initial;font-size:inherit;margin-left:.25rem;display:inline-block;transform:rotate(315deg)}.demo{height:100vh;width:100vw;background-color:#000;display:flex;flex-direction:column}@media screen and (min-width:768px){.demo{padding-top:5rem}}.demo__wrapper{height:45%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;overflow:scroll}@media screen and (min-width:768px){.demo__wrapper{padding-left:10rem}}@media screen and (min-width:1440px){.demo__wrapper{padding-left:15rem}}.demo__container{padding:1.5rem;overflow:visible}.demo__content{width:180px;height:120px;border-radius:25px;margin:0 1rem;overflow:hidden;box-shadow:0 10px 30px -5px hsla(0,0%,100%,.9);transition:box-shadow .5s;will-change:transform}.demo__content:hover{box-shadow:0 30px 100px -10px hsla(0,0%,100%,.9)}.demo__title{color:#fff;font-size:1rem;padding-left:1rem;margin-bottom:.5rem}.demo__iframe{width:100%;height:500px;border:0;border-radius:4px}.demo__content-button{cursor:pointer;border-radius:5px}.virtualPlayground{width:100%;height:50%;display:flex;justify-content:center;align-items:center;background-color:#000}.virtualPlayground__container{width:100%;height:100%;align-items:center}.virtualPlayground__img{max-width:100%;border-radius:25%}.virtualPlayground__iframe{width:100%;height:100%;border:0;border-radius:4px;overflow:hidden}.virtualPlayground__link-content-button{cursor:pointer;border-radius:5px}
/*# sourceMappingURL=main.b2db9c68.chunk.css.map */