body{margin:0;overflow-x:hidden}#scene{position:absolute;width:100%;height:100%}@font-face{font-family:rubik;src:url(/assets/ui/Rubik-VariableFont_wght.ttf)}@font-face{font-family:mullish;src:url(/assets/ui/Mulish-VariableFont_wght.ttf)}.modal-content{background-color:#fefefee6;display:flex;align-items:center;border-radius:1vw;margin-bottom:15% auto;padding:20px;width:420px;height:260px;position:relative;font-family:kulim-park}.modal-image{width:150px;height:auto;margin-right:20px;border-radius:1vw}.modal-text{flex-grow:1;font-size:14px}.modal-text h2{color:#177f9b}.street-text{color:gray}.close{background:none;border:none;padding:0;position:absolute;top:15px;right:15px;width:24px;height:24px;cursor:pointer}#logo-icon{position:absolute;top:2vw;width:25vw;left:0}#ui-overlay{position:absolute;top:0;right:0vw;background-color:#ffffffe6;height:100vh;color:#fff;width:5vw;transition:width .5s;overflow-x:hidden;display:block}#ui-toggle-button{position:relative;margin-right:1vw;float:right;width:2.5vw;height:2vw;background-size:100% 100%;border:none;background-color:transparent;background-image:url(/assets/ui/menu-hamburguer.png);cursor:pointer}#ui-toggle-button-div{margin-top:3vw;width:100%;height:2.5vw;display:block}.ui-menu-button{font-family:kulim-park-light,Arial,Helvetica,sans-serif;background-color:transparent;text-align:right;margin-top:1vw;font-size:1.3vw;height:3vw;display:flex;align-items:center;justify-content:flex-end;padding-right:1vw;color:#177f9b;border:none;width:100%;cursor:pointer;transition:background-color .2s ease-out}.ui-menu-button:hover{background-color:var(--button-primary-color);color:#fff;transition:background-color .2s ease-out}.ui-menu-button:active{background-color:var(--button-primary-color);color:#fff}#buttons-div{display:none;opacity:0;transition:opacity .5s ease;position:relative}#jojo-button{margin-right:1vw;float:right;width:3vw;height:3vw;background-size:100% 100%;border:none;background-color:transparent;background-image:url(/assets/ui/jojo-icon.png);cursor:pointer}#jojo-button-div{display:block;position:relative;width:100%;height:2.5vw;margin-top:2vw}#sound-button{margin-right:1vw;float:right;width:3vw;height:3vw;background-size:100% 100%;border:none;background-color:transparent;background-image:url(/assets/ui/sound-icon.png);background-repeat:no-repeat;cursor:pointer}#sound-button-div{display:block;position:relative;width:100%;height:2.5vw;margin-top:2vw}#info-overlay{position:absolute;top:5vw;left:20vw;width:60vw;height:40vw;background-color:#ffffffe6;border-radius:2.5vw;display:none}#info-title{margin-top:0;width:100%;text-align:center;font-weight:800;font-size:3vw;color:var(--button-primary-color);font-family:Mulish,Arial,Helvetica,sans-serif}#info-text{margin-top:0;width:54vw;line-height:2vw;font-size:1.2vw;text-align:justify;padding-left:3vw;padding-right:3vw;font-family:Mulish,Arial,Helvetica,sans-serif}#info-close-button{margin-top:3vw;margin-left:55vw;width:2vw;height:2vw;background-image:url(/assets/ui/close-button.png);background-color:transparent;background-size:100% 100%;border:none;cursor:pointer}#info-back-button{margin-top:3vw;margin-left:4vw;width:2vw;height:2vw;background-image:url(/assets/ui/back-button.png);background-size:100% 100%;background-color:transparent;border:none;cursor:pointer;position:absolute;display:none}#info-navbar{display:flex;justify-content:center}.info-navbar-button-div{text-align:center;margin-left:3vw;margin-right:3vw}.info-navbar-button{background-color:transparent;background-size:100% 100%;border:none;width:4vw;height:4vw;cursor:pointer}.info-navbar-description{font-size:1vw;color:var(--button-primary-color);cursor:pointer}#info-navbar-history-button{background-image:url(/assets/ui/history-icon.png);width:5vw;background-size:100% 100%}#info-navbar-lifestyle-button{background-image:url(/assets/ui/lifestyle-icon.png);background-size:200% 170%;background-position:-2vw -1.5vw}#info-navbar-fauna-button{background-image:url(/assets/ui/fauna-icon.png);background-size:140% 140%;background-position:-.5vw -.5vw}#info-navbar-flora-button{background-image:url(/assets/ui/flora-icon.png);background-size:170% 170%;background-position:-1.5vw -1.5vw}#info-history-page,#info-lifestyle-page,#info-fauna-page,#info-flora-page{display:none}.info-page-image{width:15vw;height:14vw;margin-bottom:2vw;background-color:#ddd;margin-left:5vw}.info-page-description{font-size:1vw;line-height:1.7vw;width:30vw;text-align:justify;margin-left:1vw;height:17vw;overflow-y:scroll;font-family:mulish,Arial,Helvetica,sans-serif}#routes-div{display:none}.info-page-title{text-align:center;font-family:mulish,Arial,Helvetica,sans-serif;font-weight:800;font-size:3.5vw;color:var(--button-primary-color)}.routes-button{font-family:kulim-park-light,Arial,Helvetica,sans-serif;background-color:transparent;text-align:right;font-size:.9vw;height:1vw;display:flex;align-items:center;justify-content:flex-end;padding:1vw;color:var(--button-primary-color);border:none;width:100%;cursor:pointer;transition:background-color .2s ease-out}.routes-button:hover{background-color:var(--button-secondary-color);color:#fff;transition:background-color .2s ease-out}.routes-button:active{background-color:var(--button-primary-color);color:#fff}#project-overlay{position:absolute;top:5vw;left:20vw;width:60vw;height:40vw;background-color:#fffc;border-radius:2.5vw;display:none}#project-title{margin-top:0;width:100%;text-align:center;font-weight:800;font-size:3vw;color:var(--button-primary-color);font-family:Mulish,Arial,Helvetica,sans-serif}#project-text{margin-top:0;width:54vw;line-height:2.2vw;font-size:1.7vw;text-align:justify;padding-left:3vw;padding-right:3vw;font-family:Mulish,Arial,Helvetica,sans-serif}#project-close-button{margin-top:3vw;margin-left:55vw;width:2vw;height:2vw;background-image:url(/assets/ui/close-button.png);background-color:transparent;background-size:100% 100%;border:none;cursor:pointer}#routes-description-div{position:absolute;bottom:1vw;left:1vw;width:12vw;background-color:#fff;border-radius:1vw;padding:.5vw;font-family:kulim-park,Arial,Helvetica,sans-serif;display:none}.routes-description-title{background-color:#d83d3d;text-align:center;padding:.5vw;border-radius:1vw;font-size:1.1vw;margin-bottom:1vw}.routes-description-point{margin-left:.4vw;margin-top:.5vw;margin-bottom:1vw;font-size:1vw}#landing-page{position:absolute;top:0;width:100vw;height:100vh;background-color:#fffc}#landing-page-title{margin-left:20vw;margin-top:12vw;width:60vw;font-family:Rubik,Arial,Helvetica,sans-serif;text-align:center;font-size:5.5vw;font-weight:700}#landing-page-description{margin-left:30vw;margin-top:3vw;width:40vw;font-family:Mullish,Arial,Helvetica,sans-serif;text-align:center;font-size:1.2vw;line-height:2vw;font-weight:300}#landing-page-tip{margin-left:30vw;margin-top:1vw;width:40vw;font-family:mullish,Arial,Helvetica,sans-serif;text-align:center;font-size:1.2vw;line-height:2.5vw;font-weight:700}#landing-page-button{margin-left:44vw;margin-top:1vw;width:12vw;font-family:Mullish,Arial,Helvetica,sans-serif;text-align:center;font-size:1.2vw;background-color:#a8dcea;padding:.5vw;border:1px solid #000;border-radius:.7vw}#landing-page-button:hover{background-color:#a2d7e5}#landing-page-button:active{background-color:#9ad5e5}#jojo-div{width:20vw;height:12vw;position:fixed;bottom:0;z-index:10;overflow-y:hidden}#jojo-video{width:200%;margin-top:20vw;transition:margin-top .5s ease}.no-highlight{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:root{--button-secondary-color: #165769;--button-primary-color: #177F9B}#logo-icon-mobile{position:absolute;top:20vw;width:60vw;left:0}#ui-overlay-mobile{position:absolute;display:flex;top:0;right:0vw;background-color:#ffffffe6;color:#fff;overflow-x:hidden;width:100vw;height:12vw}#ui-toggle-button-mobile{position:relative;float:right;width:100%;height:100%;background-size:100% 100%;border:none;background-color:transparent;background-image:url(/assets/ui/menu-hamburguer.png);cursor:pointer;padding:0}#ui-toggle-button-div-mobile{margin-top:4vw;width:5vw;height:4vw;display:block;margin-right:3vw}.ui-menu-button-mobile{font-family:kulim-park-light,Arial,Helvetica,sans-serif;background-color:transparent;text-align:center;margin-top:2vw;font-size:5vw;height:10vw;display:flex;align-items:center;justify-content:center;padding-right:1vw;color:#177f9b;border:none;cursor:pointer;transition:background-color .2s ease-out;width:100%}.ui-menu-button-mobile:active{background-color:var(--button-primary-color);color:#fff}@font-face{font-family:kulim-park;src:url(/assets/ui/KulimPark-Regular.ttf)}@font-face{font-family:kulim-park-light;src:url(/assets/ui/KulimPark-Light.ttf)}@font-face{font-family:mulish;src:url(/assets/ui/Mulish-VariableFont_wght.ttf)}#buttons-div-mobile{position:absolute;background-color:#fffc;top:12vw;left:55vw;width:40vw;height:0vw;transition:height .5s ease;overflow-y:hidden}#jojo-button-mobile{margin-right:1vw;float:right;width:100%;height:100%;background-size:100% 100%;border:none;background-color:transparent;background-image:url(/assets/ui/jojo-icon.png);cursor:pointer;padding:0}#jojo-button-div-mobile{display:block;position:relative;width:6vw;height:5.5vw;margin-top:3.25vw;margin-right:5vw}#sound-button-mobile{margin-right:1vw;float:right;width:100%;height:100%;background-size:100% 100%;border:none;background-color:transparent;background-image:url(/assets/ui/sound-icon.png);cursor:pointer;padding:0;background-repeat:no-repeat}#sound-button-div-mobile{display:block;position:relative;width:6vw;height:5vw;margin-top:3.5vw;margin-right:3vw}#info-overlay-mobile{position:absolute;top:12vw;left:0vw;width:100vw;height:100vh;background-color:#fff;display:none}p,h1{font-family:kulim-park-light}#info-title-mobile{margin-top:6vw;width:100%;margin-left:4vw;font-weight:800;font-size:5vw;color:var(--button-primary-color);font-family:Mulish,Arial,Helvetica,sans-serif}#info-text-mobile{margin-top:0;margin-left:1vw;line-height:3.5vw;font-size:3vw;text-align:justify;padding-left:3vw;padding-right:4vw;font-family:Mulish,Arial,Helvetica,sans-serif}#info-close-button-mobile{margin-top:4vw;margin-left:92vw;width:4vw;height:4vw;background-image:url(/assets/ui/close-button.png);background-color:transparent;background-size:100% 100%;border:none;cursor:pointer}#info-back-button-mobile{margin-top:4vw;margin-left:4vw;width:4vw;height:4vw;background-image:url(/assets/ui/back-button.png);background-size:100% 100%;background-color:transparent;border:none;cursor:pointer;position:absolute;display:none}#info-overlay-top-navbar-mobile{position:absolute;left:0;width:100vw;height:8vw}#info-image-mobile{width:100vw}#info-navbar-mobile{display:flex;justify-content:center;height:20vw}.info-navbar-button-div-mobile{text-align:center;margin-left:3vw;margin-right:3vw;width:15vw;height:20vw}.info-navbar-button-mobile{background-color:transparent;background-size:100% 100%;border:none;width:10vw;height:10vw;cursor:pointer}.info-navbar-description-mobile{font-size:4vw;color:var(--button-primary-color);cursor:pointer}#info-navbar-history-button-mobile{background-image:url(/assets/ui/history-icon.png);background-size:100% 100%}#info-navbar-lifestyle-button-mobile{background-image:url(/assets/ui/lifestyle-icon.png);background-size:200% 170%;background-position:-6vw -4vw}#info-navbar-fauna-button-mobile{background-image:url(/assets/ui/fauna-icon.png);background-size:140% 140%;background-position:-.5vw -.5vw}#info-navbar-flora-button-mobile{background-image:url(/assets/ui/flora-icon.png);background-size:170% 170%;background-position:-4vw -4vw}#info-history-page-mobile,#info-lifestyle-page-mobile,#info-fauna-page-mobile,#info-flora-page-mobile{display:none}#info-history-body{width:60vw;display:flex}.info-page-image-mobile{top:0;width:100vw;margin-bottom:2vw;background-color:#ddd}.info-page-description-mobile{margin-top:0;margin-left:1vw;line-height:3.5vw;font-size:3vw;text-align:justify;padding-left:3vw;padding-right:4vw;font-family:Mulish,Arial,Helvetica,sans-serif}#routes-div-mobile{height:0;overflow-y:hidden;transition:height .5 ease}.info-page-title-mobile{margin-top:6vw;width:100%;margin-left:4vw;font-weight:800;font-size:5vw;color:var(--button-primary-color);font-family:Mulish,Arial,Helvetica,sans-serif}.routes-button-mobile{font-family:kulim-park-light,Arial,Helvetica,sans-serif;background-color:transparent;text-align:right;font-size:3vw;height:7vw;display:flex;align-items:center;justify-content:flex-end;padding:1vw;color:var(--button-primary-color);border:none;width:100%;cursor:pointer;transition:background-color .2s ease-out}.routes-button-mobile:active{background-color:var(--button-secondary-color);color:#fff}#project-overlay-mobile{position:absolute;top:40vw;left:5vw;width:90vw;height:70vw;background-color:#fffc;border-radius:5vw;display:none}#project-title-mobile{margin-top:0;width:100%;text-align:center;font-weight:900;font-size:8vw;color:var(--button-primary-color);font-family:Mulish,Arial,Helvetica,sans-serif}#project-text-mobile{overflow-y:scroll;margin-top:0;width:80vw;height:35vw;line-height:4vw;font-size:3.5vw;text-align:justify;padding-left:5vw;padding-right:3vw;font-family:Mulish,Arial,Helvetica,sans-serif}#project-close-button-mobile{margin-top:6vw;margin-left:82vw;width:4vw;height:4vw;background-image:url(/assets/ui/close-button.png);background-color:transparent;background-size:100% 100%;border:none;cursor:pointer}#languages-button-mobile{margin-left:auto;font-size:4vw;margin-right:5vw;margin-top:0;height:100%;width:15vw}#routes-description-div-mobile{position:absolute;bottom:5vw;left:5vw;width:40vw;background-color:#fff;border-radius:3vw;padding:2vw;font-family:kulim-park,Arial,Helvetica,sans-serif;display:none}.routes-description-title-mobile{background-color:#d83d3d;text-align:center;padding:2vw;border-radius:4vw;font-size:4vw;margin-bottom:1vw}.routes-description-point-mobile{margin-left:2vw;margin-top:2vw;margin-bottom:1vw;font-size:3.5vw}#landing-page-mobile{position:absolute;top:0;width:100vw;height:100vh;background-color:#fffc}#landing-page-title-mobile{margin-left:5vw;margin-top:60vw;width:90vw;font-family:Rubik,Arial,Helvetica,sans-serif;text-align:center;font-size:9vw;font-weight:700}#landing-page-description-mobile{margin-left:14vw;margin-top:4vw;width:72vw;font-family:Mullish,Arial,Helvetica,sans-serif;text-align:center;font-size:3vw;line-height:3.5vw;font-weight:300}#landing-page-tip-mobile{margin-left:5vw;margin-top:4vw;width:90vw;font-family:mullish,Arial,Helvetica,sans-serif;text-align:center;font-size:3vw;line-height:2.5vw;font-weight:700}#landing-page-button-mobile{margin-left:32.5vw;margin-top:12vw;width:35vw;font-family:Mullish,Arial,Helvetica,sans-serif;text-align:center;font-size:5vw;background-color:#a8dcea;padding:1vw;border:1px solid #000;border-radius:3vw}#landing-page-button-mobile:active{background-color:#9ad5e5}#jojo-div-mobile{width:50vw;height:30vw;position:fixed;bottom:0;z-index:10;overflow:hidden}#jojo-video-mobile{width:200%;margin-top:10vw;transition:margin-top .5s ease}