Metaverse/dist/index.css

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}.App{text-align:center;background-size:cover;background-position:center;height:100vh;width:100vw;position:relative;overflow:hidden}.App .back_default_view{position:absolute;background:rgba(24,254,254,.1);backdrop-filter:blur(8px);border:2px solid rgba(24,254,254,.5);top:10%;left:5%;font-size:15px;width:15%;display:flex}.App .back_default_view:before{background:url(./img/Icon_back.png) center no-repeat;content:" ";width:40px;height:30px;display:block;background-size:contain;border-right:2px solid rgba(24,254,254,.5)}.App .back_default_view span{margin:auto;color:#18fefe}.App .articleName{display:flex;position:absolute;bottom:8%;right:30%;left:30%;height:60px;color:#fff;font-size:18px;font-weight:700;background:url(./img/Info_texture.png);text-shadow:0 0 16px #18fefe;background-size:contain;background-repeat:no-repeat;background-position:center}.App .articleName span{margin:auto;padding:10px 55px;background:rgba(0,0,0,.5)}.App .light_title{width:20%;height:auto;position:absolute;top:4%;left:3%}.App .stream{width:100%;height:100%}.App .app-notice{position:absolute;left:10%;bottom:10%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;height:100%;width:100%;overflow:hidden;z-index:9999;font-weight:500;font-size:24px;color:#fff;flex-direction:column;background:rgba(51,51,51,.8)}.loading img{width:240px;height:240px;margin-bottom:40px;display:inline-block}.debug_control_btns,.function_control_btns,.screen_shot_btns,.animation_list{display:flex;flex-direction:column;position:absolute;top:40px;left:10px;width:110px;flex-wrap:nowrap;max-height:calc(100% - 160px);overflow:auto}.debug_control_btns>*,.function_control_btns>*,.screen_shot_btns>*,.animation_list>*{margin-bottom:1px;height:25px}.debug_control_btns .font-size-small{font-size:11px}.function_control_btns{left:auto;right:10px}

/* video{
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    z-index: 10000;
    top:0;
    left:0;
} */
#test_canvas{
    position: fixed;
    top:0;
    left: 0;
    z-index: 100;
}