body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#080702;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{overflow:hidden}:root,body{height:100%}body{position:relative}.loading_container{align-items:center;display:flex;justify-content:center}.first_loading_gif{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slide;animation-name:slide;width:15%}.first_loading_gif,.mobile_first_loading_gif{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}.mobile_first_loading_gif{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;width:35%}.main_content{align-items:center;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;display:flex;justify-content:center}.left_black_box{border-right:.1vw solid #fae4f9;left:20%}.left_black_box,.right_black_box{aspect-ratio:5/8;background-color:#080702;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%;z-index:2}.right_black_box{border-left:.1vw solid #fae4f9;left:80%}.menu_box{aspect-ratio:5/8;border:.1vw solid #fae4f9;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%}.mobile_left_black_box{border-right:.1vw solid #fae4f9;left:-30%}.mobile_left_black_box,.mobile_right_black_box{aspect-ratio:5/8;background-color:#080702;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;z-index:2}.mobile_right_black_box{border-left:.1vw solid #fae4f9;left:130%}.mobile_menu_box{aspect-ratio:5/8;border:.1vw solid #fae4f9;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.man_1_for_menu{left:12%}.man_1_for_menu,.man_2_for_menu{position:absolute;top:2.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);width:20%}.man_2_for_menu{left:88%}.border_right{border-right:.1vw solid #fae4f9;height:65%;left:50%;position:absolute;top:32.1875%}.my_name{font-size:1.8vw}.mobile_my_name,.my_name{border-bottom:.1vw solid #fae4f9;color:#fae4f9;font-family:Ubuntu;left:50%;padding:0 0 .2vw;position:absolute;top:11.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_my_name{font-size:4.5vw}.social_media{font-size:1.2vw}.mobile_social_media,.social_media{color:#fae4f9;font-family:Ubuntu;left:25%;padding:0;position:absolute;top:27.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_social_media{font-size:2.5vw}.github_logo{left:12%;position:absolute;top:38.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);width:8%}.github_my_account{font-size:.9vw}.github_my_account,.mobile_github_my_account{color:#fae4f9;font-family:Ubuntu;left:30%;padding:0;position:absolute;text-decoration:none;top:39.6875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_github_my_account{font-size:2.3vw}.linkedin_logo{left:12.5%;position:absolute;top:49.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);width:8%}.linkedin_my_account{font-size:.9vw}.linkedin_my_account,.mobile_linkedin_my_account{color:#fae4f9;font-family:Ubuntu;left:30%;padding:0;position:absolute;text-decoration:none;top:50.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_linkedin_my_account{font-size:2.3vw}.instagram_logo{left:12%;position:absolute;top:59.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);width:8%}.instagram_my_account{font-size:.9vw}.instagram_my_account,.mobile_instagram_my_account{color:#fae4f9;font-family:Ubuntu;left:34%;padding:0;position:absolute;text-decoration:none;top:60.6875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_instagram_my_account{font-size:2.3vw}.work{font-size:1.2vw}.mobile_work,.work{color:#fae4f9;font-family:Ubuntu;left:75%;padding:0;position:absolute;top:27.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_work{font-size:2.5vw}.oss_txt{font-size:.9vw}.mobile_oss_txt,.oss_txt{background:transparent;border:none;color:#fae4f9;cursor:pointer;font-family:Ubuntu;left:75%;outline:none;padding:0;position:absolute;text-decoration:none;top:39.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_oss_txt{font-size:2.3vw}.art_txt{font-size:.9vw}.art_txt,.mobile_art_txt{background:transparent;border:none;color:#fae4f9;cursor:pointer;font-family:Ubuntu;left:75%;outline:none;padding:0;position:absolute;text-decoration:none;top:49.6875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_art_txt{font-size:2.3vw}.menu_page{aspect-ratio:5/8;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.slide_left{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slideOut_to_left;animation-name:slideOut_to_left}.oss_page{aspect-ratio:5/8;left:150%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.oss_main_txt{font-size:1.8vw}.mobile_oss_main_txt,.oss_main_txt{border-bottom:.1vw solid #fae4f9;color:#fae4f9;font-family:Ubuntu;left:50%;padding:0 0 .2vw;position:absolute;top:11.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_oss_main_txt{font-size:4.5vw}.colormkdir_logo{left:25%;position:absolute;top:27.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);width:35%}.colormkdir_txt{font-size:1.1vw}.colormkdir_txt,.mobile_colormkdir_txt{color:#fae4f9;font-family:Ubuntu;left:50%;padding:0;position:absolute;text-decoration:none;top:23.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_colormkdir_txt{font-size:3vw}.colormkdir_detail_txt{font-size:.8vw}.colormkdir_detail_txt,.mobile_colormkdir_detail_txt{color:#fae4f9;font-family:Ubuntu;left:72.5%;margin:0;padding:0;position:absolute;top:27.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:normal;width:50%}.mobile_colormkdir_detail_txt{font-size:2.3vw}.dli-chevron-round-left{aspect-ratio:1/1;background:transparent;border:.1vw solid #fae4f9;border-bottom:none;border-left:none;cursor:pointer;left:10%;margin:0;outline:none;padding:0;position:absolute;text-decoration:none;top:6.1875%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);width:4%}.slide_right{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slideOut_to_right;animation-name:slideOut_to_right}.art_page{aspect-ratio:5/8;left:150%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.art_main_txt{font-size:1.8vw}.art_main_txt,.mobile_art_main_txt{border-bottom:.1vw solid #fae4f9;color:#fae4f9;font-family:Ubuntu;left:50%;padding:0 0 .2vw;position:absolute;top:11.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);white-space:nowrap}.mobile_art_main_txt{font-size:4.5vw}.search_light{left:25%}.music_life,.search_light{position:absolute;top:27.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);width:35%}.music_life{left:75%}.rainy_day{left:25%;position:absolute;top:57.1875%;-webkit-transform:translate(-50%);transform:translate(-50%);width:35%}@-webkit-keyframes slide{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{-webkit-transform:translate(-220%,-50%);transform:translate(-220%,-50%)}}@keyframes slide{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{-webkit-transform:translate(-220%,-50%);transform:translate(-220%,-50%)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes slideOut_to_left{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{-webkit-transform:translate(-150%,-50%);transform:translate(-150%,-50%)}}@keyframes slideOut_to_left{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{-webkit-transform:translate(-150%,-50%);transform:translate(-150%,-50%)}}@-webkit-keyframes slideOut_to_right{0%{-webkit-transform:translate(-150%,-50%);transform:translate(-150%,-50%)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes slideOut_to_right{0%{-webkit-transform:translate(-150%,-50%);transform:translate(-150%,-50%)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}
/*# sourceMappingURL=main.c84b7a12.css.map*/