@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);#GridSelect{z-index:800}#RenderScene{z-index:250}#Loading{z-index:9000}#logo{z-index:99999999}:root{--color-palette-01:#13a032;--scrollbar-tickness:0.3em;--duration-flip:0.33s}#GridSelect{display:flex;padding-top:4em;overflow-y:scroll;min-height:100vh;pointer-events:all;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);align-items:center;justify-content:center;opacity:1;overflow:hidden}#GridSelect.hidden{opacity:0;pointer-events:none;display:none}#mainGrid{display:flex;flex-wrap:wrap;justify-content:center}.griditem{position:relative;margin:1em;max-width:20em;max-height:20em;border-collapse:collapse;cursor:pointer;opacity:1;transition:all 1s cubic-bezier(.745,-.6,.6,1.63),opacity 1s ease;pointer-events:all}#mainGrid.hidden .griditem{opacity:0;filter:blur(4em);transform:translateY(250%);pointer-events:none}.griditem img{position:relative;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(.78);transition:all var(--duration-flip) ease;border-radius:50%;overflow:hidden;background-color:#fff}.griditem:hover img{-o-object-fit:cover;object-fit:cover;transform:rotateY(180deg) scale(1) translateY(0)}.griditem:after{content:"";position:absolute;top:40%;left:50%;width:80%;height:80%;box-shadow:0 8px 24px hsla(210,8%,62%,.2);transform:translateX(-50%) translateY(-50%) rotateY(180deg) scaleY(0);opacity:0;border-radius:50%;background:linear-gradient(0deg,#fff 0,#a2e5b0 130%);background-repeat:no-repeat;mix-blend-mode:multiply;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all var(--duration-flip) ease}.griditem:hover:after{opacity:1;transform:translateX(-50%) translateY(-50%) rotate3d(1,1,0,0deg) scaleY(1)}.spin{position:absolute;top:0;right:0;width:3em;height:3em;transform-origin:100% 100%;transform:translateX(-50%) translateY(-100%) scale(0);perspective:30em;perspective-origin:50% 40%;opacity:0;transition:all .4s ease;transition-delay:.3s}.griditem:hover .spin{transform:translateX(-50%) translateY(-100%) scale(.9);opacity:1}.side{position:absolute;left:2em;top:3em;width:0;height:0;border-left:1em solid transparent;border-right:1em solid transparent;border-bottom:2em solid #13a032;transform-origin:50% 0;-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;transition:all 2.5s ease;border-radius:5%}.back{-webkit-animation-delay:-2s;animation-delay:-2s}.right{-webkit-animation-delay:-1s;animation-delay:-1s}.left{-webkit-animation-delay:-3s;animation-delay:-3s}#Loading{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;opacity:0;background-color:#fff;pointer-events:none;transition:opacity .25s ease-in-out}#Loading.display{opacity:1;pointer-events:all}#loadingtext{text-transform:uppercase;color:#b6b6b6;font-size:3em}@font-face{font-family:HindVadodara_medium;src:url(../fonts/HindVadodara-Medium.37ab79c4.ttf)}@font-face{font-family:HindVadodara_bold;src:url(../fonts/HindVadodara-Bold.0c6bd79b.ttf)}@font-face{font-family:HindVadodara_light;src:url(../fonts/HindVadodara-Light.1c38cab2.ttf)}#RenderScene{position:fixed;top:0;left:0;width:100%;height:100%;transition:background-color .3s ease}#RenderScene.dark{background-color:#313131}canvas{width:100%;height:100%}.MenuIcons{position:absolute;top:1em;right:1em;z-index:500}.MenuIcons,.MenuIcons span{display:flex;align-items:center;justify-content:center}.MenuIcons span{cursor:pointer;border-radius:10em;background-color:#059c50;margin:.3em;padding:.6em}.MenuIcons span img{width:1.6em}.MenuIcons span:hover{background-color:#04743c}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:HindVadodara_bold}p,span{font-family:HindVadodara_medium}*{position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);perspective:200cm}#app{position:absolute;top:0;left:0;width:100%;height:100vh}::-webkit-scrollbar{display:none}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-thumb{border-radius:2em;background-color:#299f38}#logo{position:fixed;top:1.5em;left:1.5em;z-index:10;background:transparent url(../img/logo.a3573077.png) no-repeat 0 0;background-size:contain;pointer-events:all;width:18em;height:8em;cursor:pointer}#infoMaquette{z-index:10000000000;display:none;height:100vh;background-color:#f8f8f8}#infoMaquette .infoMenu{position:absolute;left:50%;bottom:1em;transform:translate(-50%);display:flex}#infoMaquette .infoMenu span{display:flex;align-items:center;justify-content:center;background-color:#059c50;margin-right:1em;margin-top:1em;cursor:pointer;padding:.6em;border-radius:10em}#infoMaquette .infoMenu span img{width:1.3em}#infoMaquette .infoMenu span:hover{background-color:#04743c}#infoMaquette h1,#infoMaquette h2{color:#07448f;margin:0;line-height:1.2em;margin-top:1em}#infoMaquette p{margin:0}#infoMaquette .infos{width:100%;padding:3em}#infoMaquette .infos:first-child{overflow-y:scroll}#infoMaquette .infos:first-child .moreInfo{margin-top:2em;background-color:#e1efff;display:flex;flex-direction:column;padding:2em}#infoMaquette .infos:first-child .moreInfo .mainCharacter{display:flex;flex-direction:row}#infoMaquette .infos:first-child .moreInfo .mainCharacter .character{display:flex;flex-direction:column;margin-right:2em}#infoMaquette .infos:first-child .moreInfo .mainCharacter .character img{width:6em;border-radius:10em}#infoMaquette .infos:first-child .moreInfo .mainCharacter .character span{margin-top:1em}#infoMaquette .infos:first-child .moreInfo .text{display:flex;flex-direction:column;margin-top:1em}#infoMaquette .infos:nth-child(2){display:flex}#infoMaquette .infos:nth-child(2) .containerImg{display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;cursor:pointer}#infoMaquette .infos:nth-child(2) .containerImg img{position:absolute;height:100%}.welcomeInfo{display:none;opacity:0;position:absolute;width:100vw;background-color:#fff;z-index:100000000000000000;min-height:100vh}.welcomeInfo,.welcomeInfo .welcome{align-items:center;justify-content:center}.welcomeInfo .welcome{display:flex;flex-direction:column;width:50%}.welcomeInfo .welcome .welcomeLogo{display:flex;align-items:center;width:100%;flex-direction:column;justify-content:center}.welcomeInfo .welcome .welcomeLogo .closeWelcome{background-color:#059c50;border-radius:10em;padding:1em;display:flex;margin-top:2Em;align-items:center;justify-content:center;cursor:pointer}.welcomeInfo .welcome .welcomeLogo .closeWelcome:hover{background-color:#04743c}.welcomeInfo .welcome .welcomeLogo .closeWelcome img{width:2em}.welcomeInfo .welcome h1,.welcomeInfo .welcome h2{margin:1em;text-align:center}.welcomeInfo .welcome hr{width:100%}.welcomeInfo .welcome h1{color:#07448f;font-size:1.5em}.welcomeInfo .welcome h2{color:#059c50;font-size:2em}.welcomeInfo .welcome h2 img{width:50%}.welcomeInfo .welcome img{width:20%;justify-self:center}.showInfo{background-color:#059c50;border-radius:10em;z-index:100000000000000000;padding:.7em;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute}.showInfo:hover{background-color:#04743c}.showInfo img{width:1.8em}.scrollEvent{display:flex;align-items:center;justify-content:center;position:absolute;flex-direction:column-reverse;bottom:1em;z-index:500;left:50%;transform:translate(-50%);cursor:pointer}.scrollEvent span{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;display:flex;border-radius:10em;background-color:#059c50;padding:.6em;-webkit-animation-name:slidein;animation-name:slidein;-webkit-animation:progress-bar 2.5s ease-in-out infinite;animation:progress-bar 2.5s ease-in-out infinite}.scrollEvent span img{width:1.3em}.scrollEvent span:hover{background-color:#04743c}.scrollEvent p{color:#9a9a9a;font-family:HindVadodara_bold}.moveInfo{position:absolute;right:1.5em;top:5em}.moveInfo img{height:10em}@-webkit-keyframes progress-bar{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes progress-bar{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.zoomImage{position:fixed;top:0;left:0;right:0;cursor:pointer;bottom:0;background-color:#2525258f;display:flex;justify-content:center;z-index:100000000000000000;padding:1em}.zoomImage img{cursor:default;height:100%}.zoomImage .closeZoom{position:absolute;right:1em;top:1em;background-color:#059c50;border-radius:10em;padding:1em;display:flex;align-items:center;justify-content:center;cursor:pointer}.zoomImage .closeZoom:hover{background-color:#04743c}.zoomImage .closeZoom img{width:1.3em}.name{position:absolute;z-index:999999999999999;bottom:0;background:linear-gradient(270deg,rgba(4,116,60,.789),hsla(0,0%,100%,0));right:0;padding:1em;width:25%;display:flex;justify-content:flex-end}.name p{margin:0;font-size:2em;color:#fff}