/* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess */
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans TC';
  	font-style: normal;
  	font-weight: 300;
  	font-display: swap;
  	src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
       	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
       	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
    	 url(https://fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
}
  
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #001224;
    color: #444;
}

canvas {
    width: 100%;
    height: 100%;
}

img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 500px;
}

.logo {
    display: block;
    position: absolute;
    left: calc(50vw - 9 / 16 * 50vh + 30px);
    top: 25px;
    width: 14vh;
    height: 4.56vh;
    background-image: url(assets/images/3fc25f0edc064f93.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.copywright-text {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%) scale(0.8);
    font-size: 12px;
    letter-spacing: 1px;
    white-space: nowrap;
    color: #959595;
    font-family: 'Noto Sans TC', "SF Pro Display", 'PingFangSC-Regular', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.info {
    display: none;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%);
    font-size: 16px;
    color: #fff;
    text-align: center;
}

p {
    display: inline-block;
    margin-right: 30px;
}

.left-block {
    position: absolute;
    left: 0;
    top: 0;
    width: calc( 0.98 * (100vw - 100vh * 9 / 16) / 2);
    height: 100vh;
    background-color: #001224;
    opacity: 0;
}

.right-block {
    position: absolute;
    right: 0;
    top: 0;
    width: calc( 1.02 * (100vw - 100vh * 9 / 16) / 2);
    height: 100vh;
    background-color: #001224;
    opacity: 0;
}

/* .lil-gui {
    opacity: 0;
} */

@media screen and (max-width: 568px) {
    .logo {
        left: 15px;
        width: 18.84vh;
        height: 4.56vh;
    }
}

/*# sourceMappingURL=main.css.map*/