body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#000;color:#fff}body,html{box-sizing:border-box;overflow-x:hidden;scroll-behavior:smooth}body::-webkit-scrollbar{width:4px}body::-webkit-scrollbar,body::-webkit-scrollbar-track{background-color:initial}body::-webkit-scrollbar-thumb{background-color:#fff;border:4px solid #fff;border-radius:8px}body::-webkit-scrollbar-button{display:none}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:all .5s}body{background-color:#000;box-sizing:border-box;margin:0;padding:0}.header_top_div{height:10vh;overflow:hidden}.header_top_div a{color:#a0a0a0;text-decoration:none}.header_top_div a:hover{cursor:pointer}.header_top_div ul{list-style:none}.header_top_div header{left:70%;position:absolute;top:1.25rem}@media (max-width:1024px){.header_top_div header{left:calc(50% - 120px)}}@media (max-width:768px){.header_top_div header{left:calc(50% - 120px)}}@media (max-width:767px){.header_top_div{display:none}}.header_top_div .nav{margin-top:20px}.header_top_div .nav_list{display:flex;gap:2rem}li{font-family:Microsoft Yahei;font-size:17px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.header_top_div span{position:relative;text-decoration:none;transition:all .3s ease-in-out}.header_top_div span:before{background-color:#fff;bottom:-1px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.header_top_div span:hover:before{cursor:pointer;width:100%}.header_top_div span:hover{color:#fff;cursor:pointer}.Pin_top_div{height:100vh;position:relative;width:100vw}.project_intro{top:10%}.project_intro,.project_intro1{font-family:GT-Sectra-Fine,Microsoft Yahei;font-size:6em;left:15%;pointer-events:none;position:absolute;z-index:99}.project_intro1{top:25%}.project_intro2{font-family:GT-Sectra-Fine,Microsoft Yahei;font-size:6em;left:15%;pointer-events:none;position:absolute;top:40%;z-index:99}@media (max-width:1024px){.project_intro,.project_intro1,.project_intro2{font-size:4.5em}}@media (max-width:479px){.project_intro,.project_intro1,.project_intro2{font-size:2em}}.project_intro_sub{font-family:GT-Sectra-Fine,Microsoft Yahei;font-size:1.5em;letter-spacing:1.5px;line-height:40px;pointer-events:none;position:absolute;right:15%;top:70%;z-index:99}@media (max-width:1024px){.project_intro_sub{font-size:1em;position:absolute;right:5%;top:60%}}@media (max-width:479px){.project_intro_sub{font-size:.7em;position:absolute;right:5%;top:60%}}.project_reveal{display:block}.project_reveal,.project_reveal:nth-child(2){-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:.2s;transition-delay:.2s}.project_reveal:nth-child(2),.project_reveal:nth-child(3){margin-top:10px}.project_reveal.active{-webkit-transform:scaleX(1);transform:scaleX(1);transition-delay:0s}.project_reveal.active:before{-webkit-transform:scaleX(0);transform:scaleX(0);transition-delay:.2s}.project_reveal:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:right;transform-origin:right;transition:.2s;transition-delay:0s;width:100%}.project_reveal:nth-child(2):before{transition-delay:.1s}@font-face{font-family:BM;src:url(/static/media/BMDOHYEON.d20f6c68004f7588ee16.ttf) format("truetype")}.projects_top_div{font-family:BM;width:100vw;z-index:2}.projects,.projects_top_div{height:auto;position:relative}.projects{margin-top:8rem;width:auto}.projects_img{align-items:center;display:flex;height:auto;justify-content:center;width:auto}.projects_box{background-color:#000;bottom:0;height:10rem;padding:40px;position:absolute;right:10%;transition:1s;width:350px}.projects_box img{cursor:pointer}.projects_box.boxActive{-webkit-transform:scaleX(.8);transform:scaleX(.8);-webkit-transform-origin:center;transform-origin:center}.projects_desc{display:inline-block;font-size:1.2rem;letter-spacing:2.5px;line-height:2.3rem;margin-bottom:2px;text-align:left;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:.2s;transition-delay:.2s}.projects_desc.active{-webkit-transform:scaleX(1);transform:scaleX(1);transition-delay:0s}.projects_desc.active:before{-webkit-transform:scaleX(0);transform:scaleX(0);transition-delay:.2s}.projects_desc:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:right;transform-origin:right;transition:.2s;transition-delay:0s;width:100%}.projects_box .github{float:right;height:50px;margin-top:10px;width:60px}.useSkill{text-align:center}.useSkillIcon{cursor:pointer}.useSkillIcon,.useSkillIconDiv{height:50px;padding-right:40px;padding-top:20px;width:50px}.useSkillIconDiv{margin:0 auto}.T_project{margin-bottom:5rem}.projects_img img,.projects_img video{height:540px;width:960px}.query_desc{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:.2s;transition-delay:.2s}.query_desc.query_desc_active{-webkit-transform:scaleX(1);transform:scaleX(1);transition-delay:0s}.query_desc.query_desc_active:before{-webkit-transform:scaleX(0);transform:scaleX(0);transition-delay:.2s}.query_desc:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:right;transform-origin:right;transition:.2s;transition-delay:0s;width:100%}@media (min-width:1025px){.query_desc{display:none}}@media (max-width:1024px){.query_desc{display:none}.projects_box{right:0}}@media (min-width:768px) and (max-width:1023px){.projects_img img,.projects_img video{height:30%;width:100%}.projects_box{display:none}.query_desc{display:inline-block;font-size:2rem;padding-bottom:2rem;padding-left:1rem}}@media (max-width:479px){.projects_img img,.projects_img video{height:30%;width:100%}.projects_box{display:none}.query_desc{display:inline-block;font-size:1rem;padding-bottom:1rem;padding-left:.5rem}}.skill_underline{border-bottom:1px solid #fff;margin:13rem auto 0;width:70vw}.skill_underline:last-child{border-bottom:0}.Contact_top_div{height:100vh;margin:0;position:relative;width:100vw}.Contact_text_top_div{color:#fff;left:5%;position:absolute;top:10%}.section_div{-webkit-text-stroke:3px #fff;color:transparent;display:flex;font-size:6rem;letter-spacing:.05em;line-height:1.75;text-transform:uppercase}.quote{font-size:1.5rem;letter-spacing:.03em;text-align:left}.contact_grid_box{grid-gap:40px;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:100px;margin-top:50px}.contact_email{border-left:2px solid #fff;font-size:1.25rem;padding-left:15px}.contact_email div{padding-bottom:5px}.contact_email div:first-child{text-transform:uppercase}.contact_social{border-left:2px solid #fff;font-size:1.25rem;padding-left:15px}.contact_social div:first-child{padding-bottom:5px;text-transform:uppercase}.contact_social div:nth-child(2){position:relative;text-decoration:none;transition:all .3s ease-in-out;width:-webkit-max-content;width:max-content}.contact_social div:nth-child(2):before{background-color:#fff;bottom:-1px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.contact_social div:nth-child(2):hover:before{cursor:pointer;width:100%}.contact_social div:nth-child(2):hover{color:#fff;cursor:pointer}@media (max-width:479px){.section_div{-webkit-text-stroke:1px #fff;color:transparent;display:flex;font-size:3rem;letter-spacing:.05em;line-height:1.75;text-transform:uppercase}.quote{font-size:.8rem;letter-spacing:.03em;text-align:left}.contact_grid_box{grid-gap:40px;display:grid;grid-template-columns:1fr;grid-template-rows:100px;margin-top:50px}}@media (max-width:1024px){.Contact_text_top_div{color:#fff;left:5%;position:absolute;top:3%}}.anim{background-color:#000;height:90vh;width:100%}.Intro_top_div{height:90vh;position:absolute;width:100vw}.Intro_dev{position:relative;text-align:center;top:20%}.react-typewriter-text{font-family:Red Hat Display;font-size:6rem;text-align:center}@media (max-width:1024px){.react-typewriter-text{font-size:4rem}}@media (max-width:479px){.react-typewriter-text{font-size:2rem}}.ripple_scroll_div{bottom:10%;left:50%;padding-top:70px;position:absolute}.ripple_scroll_div .ripple_scroll{-webkit-animation:sdb 1.5s infinite;animation:sdb 1.5s infinite;border-bottom:1px solid #fff;border-left:1px solid #fff;box-sizing:border-box;height:24px;margin-left:-12px;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:24px}@-webkit-keyframes sdb{0%{opacity:0;-webkit-transform:rotate(-45deg) translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg) translate(-20px,20px)}}@keyframes sdb{0%{opacity:0;-webkit-transform:rotate(-45deg) translate(0);transform:rotate(-45deg) translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg) translate(-20px,20px);transform:rotate(-45deg) translate(-20px,20px)}}#scroll_active{-webkit-transform:scale(0);transform:scale(0);transition:1s}.Skill_top_div{height:auto;margin:0 auto;overflow:hidden;width:90vw}.title{position:relative}.title>h2{color:#252525;font-family:Poppins,sans-serif;font-size:3rem;font-weight:900;text-align:center;text-transform:capitalize}.title div{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.title div h2{font-family:Poppins,sans-serif;font-size:2rem;font-weight:800;text-transform:capitalize}@media screen and (min-width:500px){.title>h2{font-size:6rem}.title div h2{font-size:3rem}}.skills{margin:0;padding:0}.skills>.skill_text{font-weight:600;margin:0 auto 2rem;text-align:center;width:40vw}.skills .row{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin:0}@media (max-width:1024px){.skills .row{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);height:auto;margin:0;width:100vw}}@media (max-width:760px){.skills .row{grid-gap:2rem;display:grid;grid-template-columns:repeat(1,1fr);height:auto;margin:0;width:100vw}}.skills .item{margin:0;padding:.5rem 12rem}@media (max-width:1024px){.skills .item{margin:0;padding:.5rem 0;width:60%}}@media (max-width:479px){.skills .item{margin:0;padding:.5rem;width:100%}}.skills .item-text{display:flex;font-size:1.3rem;font-weight:600;justify-content:flex-start;position:relative}@media (max-width:1024px){.skills .item-text{font-size:1.1rem;font-weight:400}}.skills .item-text span{letter-spacing:2px}.skills .item-text img{height:40px;margin:0;padding-right:10px;-webkit-transform:scaleX(0);transform:scaleX(0);transition:.2s;transition-delay:.2s;width:40px}.skills .item-text img.imgactive{-webkit-transform:scaleX(1);transform:scaleX(1)}.skills .item-text span:last-child{position:absolute}.skills .item-text .w-90{margin-left:85%}@media (max-width:479px){.skills .item-text .w-90{margin-left:70%}}.skills .item-text .w-85{margin-left:80%}@media (max-width:479px){.skills .item-text .w-85{margin-left:65%}}.skills .item-text .w-70{margin-left:75%}@media (max-width:479px){.skills .item-text .w-70{margin-left:60%}}.skills .item-text .w-60{margin-left:65%}@media (max-width:479px){.skills .item-text .w-60{margin-left:50%}}.skills .item-text .w-55{margin-left:60%}@media (max-width:479px){.skills .item-text .w-55{margin-left:45%}}.progress{background-color:gray;border-radius:10px;height:16px;margin:.8rem 0;overflow:hidden;width:100%}@media (max-width:479px){.progress{background-color:gray;border-radius:10px;height:16px;margin:.8rem 0;overflow:hidden;width:100%}}.progress-bar{border-bottom-right-radius:2px;border-top-right-radius:2px;height:100%}.progress-bar.w-90{background-color:#0af;transition:1.5s;width:0}.progress-bar.w-90.P90{width:85%}.progress-bar.w-85{background-color:#0af;transition:1.5s;width:0}.progress-bar.w-85.P85{width:80%}.progress-bar.w-70{background-color:#0af;transition:1.5s;width:0}.progress-bar.w-70.P70{width:75%}.progress-bar.w-60{background-color:#0af;transition:1.5s;width:0}.progress-bar.w-60.P60{width:65%}.progress-bar.w-55{background-color:#0af;transition:1.5s;width:0}.progress-bar.w-55.P55{width:60%}.skill_text{font-size:1.5rem;position:relative;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:.2s;transition-delay:.2s}@media (max-width:479px){.skill_text{font-size:1rem}}.skill_text.active{-webkit-transform:scaleX(1);transform:scaleX(1);transition-delay:0s}.skill_text.active:before{-webkit-transform:scaleX(0);transform:scaleX(0);transition-delay:.2s}.skill_text:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:right;transform-origin:right;transition:.2s;transition-delay:0s;width:100%}.item-text span{position:relative;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:.2s;transition-delay:.2s}.item-text span.skillre{-webkit-transform:scaleX(1);transform:scaleX(1);transition-delay:0s}
/*# sourceMappingURL=main.88750fc7.css.map*/