body,html{margin:0;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:Inconsolata,monospace}body{background-image:url(/img/065993fb34f698452fdbdb4cfb85d7c8abf142ce/bg_bottom.jpg)}ul{list-style:none;cursor:pointer;padding:0}span{text-decoration:underline}.orange{color:#b1803a}.bodyDark{background-color:#444;background-blend-mode:multiply}.mobilePage{position:absolute;top:0;left:0;padding-top:50px;background-color:#000;width:100%;height:100%;z-index:2000;display:block;text-align:center;color:#fff}.iePage{position:absolute;top:0;left:0;padding-top:50px;background-color:#000;width:100%;height:100%;z-index:2000;display:block;text-align:center;color:#fff}.iePage>a{color:#fff}#preload{width:100%;height:100%;background-color:grey;color:#fff;font-size:52px;text-align:center;position:absolute;z-index:20000}#preload>div:nth-child(1){margin-top:20px}#preload>div:nth-child(2),#preload>div:nth-child(3){border-bottom:1px solid #fff;width:100px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 1s;transition:transform 1s}#preload>div:nth-child(2){margin-top:80px}#preload>div:nth-child(2).anim{opacity:0;-webkit-transform:scale(2000);transform:scale(2000)}#preload>div:nth-child(3){margin-top:100px}#preload>div:nth-child(3).anim{opacity:0;-webkit-transform:scale(2000);transform:scale(2000)}header{position:fixed;box-sizing:border-box;top:0;left:0;width:100%;height:120px;color:#fff;z-index:1000}#header_logo{font-size:42px;left:0;bottom:0;margin-left:40px;-webkit-transition:all .5s;transition:all .5s}#header_logo:hover{color:#000}#header_nav{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}#header_ul{font-size:24px;margin:0;margin-right:40px}#header_logo,#header_nav{position:absolute;cursor:pointer}#header_ul>li{display:inline-block;padding-left:40px;padding-top:10px;padding-bottom:10px;text-transform:lowercase;-webkit-transition:all .5s;transition:all .5s}#header_ul>li:nth-child(odd):hover{transform:skew(26deg)}#header_ul>li:nth-child(even):hover{transform:skew(-26deg)}main{width:100%;height:100%;overflow:hidden}#main_bg_middle{top:50%;left:50%;width:1000px;height:610px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-image:url(/204252859e57e82dc5ac49606a112cfbbdd4b66c/1d8b5/img/bg_middle.png);background-repeat:no-repeat;background-position:center;z-index:9;-webkit-transition:-webkit-transform 1.5s;transition:transform 1.5s}#main_bg_middle3{top:50%;left:50%;width:1500px;height:800px;display:none;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-image:url(/204252859e57e82dc5ac49606a112cfbbdd4b66c/1d8b5/img/bg_middle.png);background-repeat:no-repeat;background-position:center;z-index:9;opacity:0;-webkit-transition:-webkit-transform 1.5s,opacity .1s;transition:transform 1.5s,opacity .1s}#main_bg_middle3.anim{display:block;opacity:1}#main_bg_middle4{top:50%;left:50%;width:95%;height:95%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-image:url(/204252859e57e82dc5ac49606a112cfbbdd4b66c/1d8b5/img/bg_middle.png);background-repeat:no-repeat;background-position:center;z-index:9;display:none;opacity:0;-webkit-transition:-webkit-transform 1.5s,opacity .1s;transition:transform 1.5s,opacity .1s}#main_bg_middle4.anim{display:block;opacity:1}#main_bg_top{top:50%;left:50%;width:900px;height:642px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-image:url(/img/906e9d8b75b4dbac6d8b9841a623841b5d71f465/bg_top.png);background-repeat:no-repeat;background-position:center;z-index:10;-webkit-transition:-webkit-filter 40s;transition:filter 40s}#dark,#main_bg_middle,#main_bg_middle3,#main_bg_middle4,#main_bg_top{position:absolute}#dark{width:100%;height:100%;background-color:rgba(0,0,0,.75);z-index:2;display:none}#main_home{color:#fff;font-size:42px;cursor:vertical-text;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);text-align:center;z-index:200}#main_home>p{padding-bottom:20px;transition:transform .75s}#main_home>p:nth-child(odd):hover{transform:skew(26deg)}#main_home>p:nth-child(even):hover{transform:skew(-26deg)}#main_about,#main_home,#main_jpgs,#main_lang,#main_work,#profileDiv,#profileImg{position:absolute}#main_work{width:1000px;text-align:center;display:none;opacity:0;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);font-size:42px;color:#fff;-webkit-transition:opacity .25s;transition:opacity .25s;z-index:200}#main_work.anim{display:block;opacity:1}#main_work_ul>li{padding-bottom:40px;-webkit-transition:color .5s;transition:color .5s;z-index:205}#main_work_ul>li:hover{color:#000}.imac{width:440px}.port{width:394px;opacity:0;-webkit-transition:opacity 2s;transition:opacity 2s}.port.portAnim{opacity:1}.port_a{display:inline-block;border-radius:5px;background-color:#b1803a;box-shadow:1px 1px #b1803a,2px 2px #b1803a,3px 3px #b1803a,4px 4px #b1803a,5px 5px #b1803a,6px 6px #b1803a,7px 7px #b1803a,8px 8px #b1803a,9px 9px #b1803a;text-decoration:none;padding:20px;color:#fff;font-size:16px;-webkit-transition:all 2s;transition:all 2s}.port_a:hover{background-color:#b1803a;-webkit-filter:hue-rotate(720deg);filter:hue-rotate(720deg);box-shadow:none}.return{cursor:pointer;display:block;width:60px;margin:20px auto;background-color:rgba(255,255,255,.5);-webkit-transition:-webkit-filter 3s;transition:filter 3s}.return:hover{color:#b1803a;-webkit-filter:hue-rotate(1440deg);filter:hue-rotate(1440deg)}#main_work_port1,#main_work_port2,#main_work_port3,#main_work_port4,#main_work_port5{position:absolute;padding:30px;text-align:center;background-image:url(/img/065993fb34f698452fdbdb4cfb85d7c8abf142ce/bg_bottom.jpg);background-size:cover;display:none;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:400;width:820px;height:350px;padding:140px}#port1_imac,#port2_imac,#port3_imac,#port4_imac,#port5_imac{display:inline-block;position:absolute;left:80px}.portDiv{width:400px;display:inline-block;text-align:center;position:absolute;right:80px}.portDivbg{background-color:rgba(255,255,255,.5);cursor:vertical-text}#port1_i,#port2_i,#port3_i,#port4_i,#port5_i{box-sizing:border-box;position:absolute;width:404px;height:228px;background-color:#000;overflow:scroll;top:18px;left:18px}#port1_i::-webkit-scrollbar,#port2_i::-webkit-scrollbar,#port3_i::-webkit-scrollbar,#port4_i::-webkit-scrollbar,#port5_i::-webkit-scrollbar{display:none}#main_work_port1>p,#main_work_port2>p,#main_work_port3>p,#main_work_port4>p,#main_work_port5>p{cursor:pointer;font-size:16px;-webkit-transition:color .25s;transition:color .25s}#main_work_port1>p:hover,#main_work_port2>p:hover,#main_work_port3>p:hover,#main_work_port4>p:hover,#main_work_port5>p:hover{color:#222}#main_lang{width:75%;height:70%;top:180px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);color:#fff;z-index:200;font-size:42px;display:none;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s}#main_lang.anim{display:block;opacity:1}#lang_langTech{overflow:scroll;position:absolute;cursor:vertical-text;width:100%;height:100%;z-index:20}#lang_langTech::-webkit-scrollbar{display:none}.lang_pLeft,.lang_pRight{display:block;margin:10px 0}.lang_pLeft{text-align:left}.lang_pRight{text-align:right}#lang_img{position:absolute;top:60px;left:40%;-webkit-transform:-webkit-translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}#scrollImg1,#scrollImg2,#scrollImg3,#scrollImg4{position:absolute}#scrollImg1{width:300px;height:300px;background-color:rgba(0,0,0,.4);display:block;-webkit-transform:-webkit-rotate(0);transform:rotate(0);z-index:10}#scrollImg2{width:200px;height:200px;background-color:rgba(177,128,58,.6);border-radius:130px 0;display:block;-webkit-transform:-webkit-rotate(45deg);transform:rotate(45deg);z-index:10;top:270px;left:80px}#scrollImg3{width:100px;height:330px;background-color:rgba(128,128,128,.75);border-radius:50px;display:block;-webkit-transform:-webkit-rotate(24deg);transform:rotate(24deg);z-index:10;top:0}#scrollImg4{width:70px;height:70px;background-color:rgba(67,204,247,.25);border-radius:80px;display:block;z-index:10;top:0;left:-20px;-webkit-transform:-webkit-skew(0);transform:skew(0);-webkit-transition:-webkit-transform .05s;transition:transform .05s}#main_jpgs{top:50%;left:50%;width:1000px;height:560px;display:none;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:0;z-index:200;-webkit-transition:opacity .25s;transition:opacity .25s}#main_jpgs.anim{opacity:1;display:block}#jpgs_photo{background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;height:560px;width:100%;-webkit-transition:background-image .25s;transition:background-image .25s}#jpgs_title{color:#fff;text-align:center}#jpgs_info{width:200px;height:200px;top:50%;left:50%;opacity:0;font-size:12px;padding-top:85px;text-align:center;box-sizing:border-box;position:absolute;-webkit-transform:translate3d(-50%,-50%,0) -webkit-scale(0);transform:translate3d(-50%,-50%,0) scale(0);background-color:rgba(255,255,255,.75);border:1px solid #000;-webkit-transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s}#jpgs_info.anim{opacity:1;-webkit-transform:-webkit-translate3d(-50%,-50%,0) -webkit-scale(1);transform:translate3d(-50%,-50%,0) scale(1)}#get_info{bottom:-100px;left:50%;position:absolute;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);background-color:grey;color:#fff;font-size:16px;padding:20px 50px;text-align:center;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}#get_info:hover{background-color:#fff;color:#000}#left,#right{height:560px;width:500px;position:absolute}#left{cursor:w-resize;left:0}#right{cursor:e-resize;right:0}#main_about{width:490px;height:300px;display:none;opacity:0;top:450px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);font-size:16px;color:#fff;position:absolute;-webkit-transition:opacity .25s;transition:opacity .25s;z-index:200}#main_about.anim{display:block;opacity:1}#about_lang_div>#about_english>ul,#about_name{cursor:vertical-text}#about_lang_div>#about_japanese>ul,#about_lang_div>#about_korean>ul{cursor:vertical-text}#about_name{font-size:52px;position:relative;top:20px;left:0;display:inline-block}#about_languages{font-size:16px;position:absolute;z-index:50;top:-250px}#about_languages>div{cursor:pointer;display:inline-block;padding:10px 50px;margin-right:2px;border-bottom:3px solid #b1803a;line-height:16px;-webkit-transition:border-bottom 1s;transition:border-bottom 1s}@keyframes colorTwirl{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}#about_lang_div{position:absolute;top:80px}#about_japanese,#about_korean{display:none}#about_links{width:500px;height:30px;cursor:pointer;top:250px;left:0;font-size:16px;position:absolute}#about_links>a{padding-right:52px;color:#fff;-webkit-transition:-webkit-filter 1s;transition:filter 1s}#about_links>a:hover{color:#b1803a;-webkit-filter:-webkit-hue-rotate(720deg);filter:hue-rotate(720deg)}#profileDiv{top:-310px;left:224px;width:300px;z-index:-30;background-color:rgba(0,55,230,.5);box-sizing:border-box;border-radius:0 150px 150px 0;width:250px;height:250px}#profileImg{top:-275px;left:120px;width:230px;z-index:-30;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.6}footer{background-color:rgba(255,255,255,.6);text-align:center;position:fixed;font-size:12px;color:#000;bottom:20px;right:40px;z-index:900}footer>a{text-decoration:underline;color:#000}