body{margin:auto;background-color:#ade5f7;font-family:Lucida Console,Courier,monospace;position:relative}h1{font-size:45px}h2{font-size:30px}h3{font-size:25px}a{color:#000}#title{margin-top:50px;margin-bottom:40px}#intro-text{z-index:1;position:relative;left:5%;top:0;width:50%;height:90%}.desc{font-size:19px;line-height:23px}#description{margin-top:-10px;margin-bottom:40px}#iframe1{width:420px;height:315px}#sidebar{display:flex;flex-direction:column;position:fixed;width:100px;z-index:2;top:3%;left:87%}.icons{width:80px}.icon-button{margin-top:25px}#sidebar button{font-family:Lucida Console,Courier,monospace;font-size:16px;background-color:transparent;background-repeat:no-repeat;border:none;outline:none;padding:0;transition:transform .1s;cursor:pointer}#sidebar button:active{opacity:.5;transform:scale(1.025)}#build-guide-internal-box,#popup-build-guide{display:flex;align-items:center;justify-content:center}#build-guide-internal-box{z-index:4;background-color:#fdf1cf;top:22%;position:absolute;flex-direction:column;width:985px;height:545px;overflow:auto}#component-text{z-index:6;position:absolute;text-align:left;max-width:800px;width:100%;top:102%;left:40px}#popup-term,#term-internal-box{display:flex;align-items:center;justify-content:center}#term-internal-box{z-index:4;background-color:#d9d2e9;top:22%;position:absolute;flex-direction:column;width:985px;height:545px;overflow:auto}#term-text{z-index:6;position:absolute;max-width:800px;width:100%;top:0;left:40px}#about-internal-box,#popup-about{display:flex;align-items:center;justify-content:center}#about-internal-box{z-index:4;background-color:#fcd1ef;top:22%;position:absolute;flex-direction:column;width:985px;height:545px;overflow:auto}#about-text{z-index:6;position:absolute;max-width:800px;width:100%;top:100%;left:80px}#popupgame,iframe{margin:0 auto}#iframe3{display:block;border-style:none}.letter{margin-top:50px}.desc-title{margin-top:55px;line-height:0;font-size:24px;font-weight:700}.desc-text{line-height:28px;font-size:19px}.imgwrap{z-index:3;top:5%;position:absolute}.imgwrap,.imgwrap img{width:100%;margin:auto}.imgwrap img{display:block;max-width:1000px;height:auto}.imgwrap2{z-index:5;position:absolute;width:100%;top:0;margin:auto}.imgwrap2 img{display:block;width:85%;max-width:1000px;height:auto;margin:auto}.imgwrap3{z-index:7;position:absolute;width:100%;top:325%;margin:auto}.imgwrap3 img{display:block;width:85%;max-width:1000px;height:auto;margin:auto}.imgwrap4{z-index:7;position:absolute;width:100%;margin:auto}.imgwrap4 img{display:block;width:85%;max-width:600px;height:auto;margin:25px auto 35px}.imgwrap5{z-index:7;position:absolute;width:100%;margin:auto}.imgwrap5 img{max-width:600px;margin:25px auto 35px}.color-code,.imgwrap5 img{display:block;width:85%;height:auto}.color-code{max-width:1000px;margin:auto}#img-desk{display:block}#img-mobile{display:none}@media screen and (max-width:900px){#intro-text{width:90%;height:80%}.desc{line-height:21px}.desc,h3{font-size:17px}.imgwrap2 img{display:block;width:90%;max-width:700px;height:auto;margin:auto}#build-guide-internal-box{background-color:#fdf1cf;top:18%;height:80%}#build-guide-internal-box,#term-internal-box{z-index:4;position:absolute;display:flex;align-items:center;justify-content:center;width:98%;max-width:900px;max-height:445px;overflow:auto}#term-internal-box{background-color:#d9d2e9;top:16%;flex-direction:column;height:55%}#about-internal-box{z-index:4;background-color:#fcd1ef;top:18%;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:900px;height:50%;width:85%;max-height:445px;overflow:auto}#sidebar{position:relative;display:flex;flex-direction:row;justify-content:space-between;width:97%;z-index:2;left:5px}.icons{width:60px}.icon-button{margin-top:30px;margin-bottom:80px}#sidebar button{font-size:15px}.imgwrap3{z-index:7;position:absolute;width:100%;top:350%;margin:auto}.desc-title{margin-top:55px;line-height:0;font-size:20px;font-weight:700}.desc-text{line-height:28px;font-size:20px}#roadmap-desktop-only{display:none}}@media screen and (max-width:499px){#iframe1{width:350px;height:265px}#build-guide-internal-box{z-index:4;background-color:#fdf1cf;top:20%;position:absolute;display:flex;align-items:center;justify-content:center;width:94%;max-width:499px;height:62%;max-height:600px;overflow:auto}#term-internal-box{top:12%;width:98%;height:80%}#component-text{z-index:6;position:absolute;text-align:left;max-width:499px;width:90%;top:45%;left:25px}#term-internal-box{z-index:4;background-color:#d9d2e9;top:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:94%;height:65%;max-height:600px;overflow:auto}#term-internal-box,#term-text{position:absolute;max-width:499px}#term-text{z-index:6;width:80%;top:0;left:25px}#about-internal-box{top:20%;width:94%;max-width:499px;height:62%;max-height:600px;overflow:auto}#about-text{z-index:6;position:absolute;max-width:499px;width:90%;top:53%;left:25px}.imgwrap3{top:350%}.imgwrap3,.imgwrap5{z-index:7;position:absolute;width:100%;margin:auto}.imgwrap5{top:30px}.imgwrap5 img{display:block;width:85%;max-width:600px;height:auto;margin:auto}.desc-title{margin-top:40px;line-height:24px;font-size:24px;font-weight:700}#img-desk{display:none}#img-mobile{display:block}}
/*# sourceMappingURL=/src.011aa79b.css.map */