.webgl-canvas{
    position: fixed;
    cursor: grab;
    width: 100%;
}
.top-menu{
    position: absolute;
    top: 20;
    right: 40;
    overflow: hidden;
}
#loading-bar{
    z-index: 9999;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    margin: auto;
    width: 256;
    height: 256;
    position: absolute;
    overflow: hidden;
}
#skip-button{
    visibility: hidden;
    position: fixed;
    top:5%;
    right: 5%;
}
#play-audio{
    position: fixed;
    left: 1%;
    height: 80px;
}
.bottom-menu{
    position: fixed;
    display: flex;
    flex-direction: row;
    bottom: 40px;
    width: 100%;
    justify-content: flex-end;
    right: 40px;

}

.introduce{
    text-align: center;
    
}

.btn-text{
    display: block;
    text-align: center;
    font-size: 40px;
    color: white;
    margin-top: 15px;
}
.img{
    width: 8rem;
    height: 8rem;
}
#introduce-float{
    visibility: collapse;
    position: fixed;
    z-index: 1000;
    left: 10.5%;
    top: 4%;
    width: 80%;
    height: 8%;
    transition-property: all;
    transition-duration: 1.5s;
    transition-timing-function: cubic-bezier(0.2, 0.8, 0.3, 1.1);
    transition-delay: 0s;
    background: #fff;
    opacity: 0;
    border-radius: 48px;
}
#introduce-iframe{
    width: 100%;
    height: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-radius: 48px;
}