@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);@font-face{font-family:TTLaundryGothicB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2403-2@1.0/TTLaundryGothicB.woff2) format("woff2")}@font-face{font-family:Ownglyph_meetme-Rg;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/Ownglyph_meetme-Rg.woff2) format("woff2")}@font-face{font-family:SokchoBadaDotum;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/SokchoBadaDotum.woff2) format("woff2")}@font-face{font-family:TTHakgyoansimMonggeulmonggeulR;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimMonggeulmonggeulR.woff2) format("woff2")}@font-face{font-family:TTHakgyoansimMulgyeolB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimMulgyeolB.woff2) format("woff2")}@font-face{font-family:SBAggroB;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff) format("woff")}@font-face{font-family:S-CoreDream-3Light;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff) format("woff")}@font-face{font-family:GmarketSansMedium;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff")}@font-face{font-family:NanumSquareNeo-Variable;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2) format("woff2")}.font1{font-family:SBAggroB}.font2{font-family:S-CoreDream-3Light}.font3{font-family:GmarketSansMedium}.font4{font-family:nanumsquare}.font5{font-family:SokchoBadaDotum}.font6{font-family:TTLaundryGothicB}.font7{font-family:NanumSquareNeo-Variable}*{margin:0;padding:0}body{background-color:#e5ebf7}.ProjectBox,.ProjectCard,.SkillDown img{transition:transform .5s ease-in-out,box-shadow .5s ease-in-out}.ProjectBox:hover,.ProjectCard:hover,.SkillDown img:hover{filter:drop-shadow(0 0 20px rgba(0,0,0,.15));transform:scale(1.1)}.ContactFade,.SkillFade{opacity:0;transform:translateY(-50px);transition:opacity 2s,transform 2s}.AboutRightFade,.ProfileRightFade,.ProjectFade{opacity:0;transform:translateX(50px);transition:opacity 2s,transform 2s}.AboutLeftFade,.ProfileLeftFade,.ToyFade{opacity:0;transform:translateX(-50px);transition:opacity 2s,transform 2s}.Fade{opacity:1;transform:translateY(0)}.aboutme-container{overflow:hidden}@media only screen and (min-width:1025px){.aboutme-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-evenly;list-style:none;padding:50px 20px}img{height:550px;width:550px}.aboutme-left{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;position:relative;width:600px}.aboutme-title{left:0;position:absolute;top:0;z-index:-1}.aboutme-title h1{color:#dae3f3;font-size:160px;font-weight:bolder}.aboutme-right{align-items:start;display:flex;flex-direction:column;gap:20px;justify-content:start;width:auto}.aboutme-right li{color:#909090;display:block;font-size:30px;letter-spacing:-1.8px;line-height:60px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aboutme-right li strong{color:#000;margin:0 22px 0 0;position:relative}.aboutme-right li strong:before{background-color:#f54;bottom:5px;content:"";height:8px;left:0;position:absolute;width:0;z-index:-1}.aboutme-right li:first-child strong:after{content:"01"}.aboutme-right li:nth-child(2) strong:after{content:"02"}.aboutme-right li:nth-child(3) strong:after{content:"03"}.aboutme-right li:nth-child(4) strong:after{content:"04"}.aboutme-right li:nth-child(5) strong:after{content:"05"}.aboutme-right li:nth-child(6) strong:after{content:"06"}.aboutme-right li:nth-child(7) strong:after{content:"07"}.aboutme-right li:nth-child(8) strong:after{content:"08"}.aboutme-right li:nth-child(9) strong:after{content:"09"}.aboutme-right strong:after{color:#909090;font-size:13px;letter-spacing:0;line-height:13px;position:absolute;right:-16px;top:9px}.aboutme-right li:hover strong:before{transition:width .3s ease-out;width:100%}.aboutme-right li:hover{color:#000}}@media only screen and (min-width:601px) and (max-width:1024px){.aboutme-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-evenly;list-style:none;padding:50px 20px}.aboutme-left img{height:500px;width:500px}.aboutme-left{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;position:relative}.aboutme-title{left:0;position:absolute;top:0;z-index:-1}.aboutme-title h1{color:#dae3f3;font-size:120px;font-weight:bolder}.aboutme-right{align-items:start;display:flex;flex-direction:column;gap:20px;justify-content:start;width:auto}.aboutme-right li{color:#909090;display:block;font-size:30px;letter-spacing:-1.8px;line-height:60px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aboutme-right li strong{color:#000;margin:0 22px 0 0;position:relative}.aboutme-right li strong:before{background-color:#f54;bottom:5px;content:"";height:8px;left:0;position:absolute;width:0;z-index:-1}.aboutme-right li:first-child strong:after{content:"01"}.aboutme-right li:nth-child(2) strong:after{content:"02"}.aboutme-right li:nth-child(3) strong:after{content:"03"}.aboutme-right li:nth-child(4) strong:after{content:"04"}.aboutme-right li:nth-child(5) strong:after{content:"05"}.aboutme-right li:nth-child(6) strong:after{content:"06"}.aboutme-right li:nth-child(7) strong:after{content:"07"}.aboutme-right li:nth-child(8) strong:after{content:"08"}.aboutme-right li:nth-child(9) strong:after{content:"09"}.aboutme-right strong:after{color:#909090;font-size:13px;letter-spacing:0;line-height:13px;position:absolute;right:-16px;top:9px}.aboutme-right li:hover strong:before{transition:width .3s ease-out;width:100%}.aboutme-right li:hover{color:#000}}@media only screen and (max-width:600px){.aboutme-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-evenly;list-style:none;padding:50px 20px}.aboutme-left img{height:300px;width:300px}.aboutme-left{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center;position:relative}.aboutme-title{left:0;position:absolute;top:0;z-index:-1}.aboutme-title h1{color:#dae3f3;font-size:80px;font-weight:bolder}.aboutme-right{align-items:start;display:flex;flex-direction:column;gap:20px;justify-content:start;width:auto}.aboutme-right li{color:#909090;display:block;font-size:20px;letter-spacing:-1.8px;line-height:60px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aboutme-right li strong{color:#000;margin:0 22px 0 0;position:relative}.aboutme-right li strong:before{background-color:#f54;bottom:5px;content:"";height:8px;left:0;position:absolute;width:0;z-index:-1}.aboutme-right li:first-child strong:after{content:"01"}.aboutme-right li:nth-child(2) strong:after{content:"02"}.aboutme-right li:nth-child(3) strong:after{content:"03"}.aboutme-right li:nth-child(4) strong:after{content:"04"}.aboutme-right li:nth-child(5) strong:after{content:"05"}.aboutme-right li:nth-child(6) strong:after{content:"06"}.aboutme-right li:nth-child(7) strong:after{content:"07"}.aboutme-right li:nth-child(8) strong:after{content:"08"}.aboutme-right li:nth-child(9) strong:after{content:"09"}.aboutme-right strong:after{color:#909090;font-size:13px;letter-spacing:0;line-height:13px;position:absolute;right:-16px;top:9px}.aboutme-right li:hover strong:before{transition:width .3s ease-out;width:100%}.aboutme-right li:hover{color:#000}}.Area8{flex-wrap:wrap;gap:100px;height:100vh;justify-content:space-evenly;margin-bottom:50px}.Area8,.ContactLeft{align-items:center;display:flex}.ContactLeft{flex-direction:column;justify-content:center;position:relative}.ContactTitle{color:#c8d5ef;font-weight:700;left:0;margin:0;position:absolute;z-index:1}.ContactMessage{font-weight:700;position:relative;z-index:2}.ContactRight{z-index:5}.ContactRight form{align-items:start;background-color:#b6cce9;border-radius:10px;display:flex;filter:drop-shadow(0 0 10px rgba(0,0,0,.2));flex-direction:column;justify-content:space-evenly;margin-bottom:20px;margin-top:20px;padding:20px}input[type=text]{border:none;border-radius:5px;height:50px;padding-left:10px}input[type=submit]{background-color:#4472c4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:bolder;height:50px;width:130px}textarea{border:none;border-radius:5px;overflow-y:auto;padding-left:10px;padding-top:10px;resize:none}::placeholder,textarea::placeholder{color:#797979;font-size:18px;font-weight:bolder}@media only screen and (min-width:1025px){.ContactRight form{height:500px;width:500px}input[type=text],textarea{width:480px}textarea{height:250px}.ContactTitle{bottom:-145px;font-size:80px}.ContactMessage{font-size:30px;width:600px}}@media only screen and (min-width:601px) and (max-width:1024px){.ContactRight form{height:450px;width:450px}input[type=text],textarea{width:440px}textarea{height:200px}.ContactTitle{font-size:65px}.ContactMessage{font-size:27px;width:550px}}@media only screen and (max-width:600px){.ContactRight{align-items:center;display:flex;height:550px;justify-content:center;width:90%}.ContactRight form{gap:10px;height:auto}input[type=text]{width:95%}input[type=submit]{font-size:1.2rem;height:50px;width:100px}textarea{height:230px;width:95%}.ContactTitle{font-size:40px}.ContactMessage{font-size:18px;width:100%}}.footer{align-items:center;background-color:#d8d7d7;display:flex;font-family:Nanum Gothic,sans-serif;height:130px;justify-content:center;line-height:30px;padding-bottom:20px;padding-top:20px;width:100%}.footer1{font-size:15px}.footer1,.footer2{color:#555;text-align:center}.footer ul li{display:inline-block}.footer3{align-items:center;display:flex;justify-content:center;margin-top:10px}.footer3 a{margin-right:40px}.footer3 ul li img{float:left;height:30px;margin-right:10px;width:30px}.footer a{color:#555;text-decoration-line:none}.footer_content{margin:10px}.Area{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;height:100vh;justify-content:center;margin-bottom:40px;overflow:hidden;position:relative;width:100%}.background-blur{animation:BackgroundRotation 60s linear infinite;background-image:url(/static/media/Index_bluebluer.6096b363046df801d55d.png);background-position:50%;background-repeat:no-repeat;background-size:100%;overflow:hidden;position:absolute;transform-origin:center;z-index:-1}.IndexRight{display:flex;flex-direction:column;gap:24px}.IndexTitle1,.IndexTitle2{font-weight:bolder}.IndexText{display:flex;flex-direction:column;gap:8px}.Emoji{filter:drop-shadow(0 0 20px rgba(0,0,0,.5))}@media only screen and (min-width:1025px){.background-blur{height:700px;width:700px}.Emoji{width:400px}.IndexTitle1{font-size:64px}.IndexTitle2{font-size:112px}.IndexText{font-size:32px}.IndexText strong{font-size:48px}}@media only screen and (min-width:601px) and (max-width:1024px){.background-blur{height:min(100vw,600px);width:min(100vw,600px)}.Emoji{width:300px}.IndexTitle1{font-size:64px}.IndexTitle2{font-size:112px}.IndexText{font-size:28px}.IndexText strong{font-size:38px}}@media only screen and (max-width:600px){.background-blur{height:100%;width:100%}.Emoji,.IndexLeft{display:none}.IndexTitle1{font-size:38px}.IndexTitle2{font-size:56px}.IndexText{font-size:18px}.IndexText strong{font-size:24px}}@keyframes BackgroundRotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Area7{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;height:auto;justify-content:space-evenly;margin-bottom:50px;margin-top:50px;overflow-x:hidden;width:100%}.ProfileLeft{align-items:center;height:60vh;justify-content:center;width:400px}.ProfileLeft,.ProfileRight{display:flex;flex-direction:column;margin:10px}.ProfileRight{align-items:start;height:70vh;justify-content:space-evenly;position:relative;width:800px}.ProfileTop{height:400px;margin:10px;width:400px}.ProfileTop img{height:100%;width:100%}.ProfileBottom{align-items:center;display:flex;flex-direction:row;height:100px;justify-content:space-around;width:300px}.ProfileBottom img{cursor:pointer;height:80px;margin:10px;width:80px}.ProfileTitle{margin:20px;position:absolute;right:0;top:0;z-index:-1}.ProfileTitle h1{color:#d6dce5;font-size:9rem;font-weight:bolder}.IntroArea{align-items:start;display:flex;flex-direction:column;height:50vh;justify-content:space-evenly;width:80%}.Introduce{font-size:2rem}.Introduce .IntroduceItem{font-size:2.5rem}.IntroduceItem strong{margin:0 8px 0 0;position:relative}.IntroArea h1{margin-bottom:10px}.IntroArea p{font-size:20px}.IntroArea a{color:#000;text-decoration:none}.IntroArea a:hover{text-decoration:underline}@media only screen and (min-width:1025px){.ProfileTitle h1{font-size:11rem}}@media only screen and (min-width:601px) and (max-width:1024px){.Area7{flex-direction:column}.ProfileLeft{height:60vh}.ProfileRight{width:500px}.ProfileTitle{left:0}.ProfileTitle h1{font-size:6rem}}@media only screen and (max-width:600px){.ProfileLeft{height:45vh;width:300px}.ProfileTop{height:250px;width:250px}.ProfileBottom{align-items:center;display:flex;flex-direction:row;height:100px;justify-content:space-around;width:200px}.ProfileBottom img{cursor:pointer;height:50px;margin:10px;width:50px}.ProfileRight{height:59vh;width:300px}.IntroArea div h1{font-size:1.6rem}.Introduce .IntroduceItem{font-size:1.9rem}.ProfileTitle{left:0}.ProfileTitle h1{font-size:3.3rem}}.description-top a{color:#0a0a0a;cursor:pointer}.description-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:50px 20px}.description-left,.description-right{display:flex;flex-direction:column;gap:20px}.description-top{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.description-box img{filter:drop-shadow(0 0 5px rgba(0,0,0,.2));margin:0 auto;object-fit:contain}.description-title{font-size:32px;text-align:left}.description-box,.description-content{display:flex;flex-direction:column}.description-content{gap:5px}.description-line-gap{line-height:26px}@media only screen and (min-width:1025px){.description-left,.description-right{width:500px}.description-top a{font-size:40px}.description-box img{height:300px;width:400px}.description-box{gap:15px}}@media only screen and (min-width:601px) and (max-width:1024px){.description-left{flex-wrap:wrap}.description-right{gap:20px;width:400px}.description-top{width:400px}.description-top a{cursor:pointer;font-size:40px}.description-box img{height:300px;width:380px}.description-box{gap:10px}}@media only screen and (max-width:600px){.description-left{align-items:center;justify-content:center;width:100%}.description-right,.description-top{width:100%}.description-top .description-title,.description-top a{font-size:30px}.description-title{font-size:24px}.description-box img{height:80%;width:80%}.description-box{gap:20px;width:100%}}.Area3{height:auto;margin-bottom:50px;margin-top:50px;overflow-x:hidden;overflow-y:hidden;width:100%}.MainProjectArea{display:flex;flex-direction:column;gap:30px;justify-content:space-around}.MainProjectArea,.MainProjectTitle{align-items:center;margin-bottom:50px}.MainProjectTitle{color:#797979;font-weight:bolder;justify-content:center;margin-top:20px;text-align:right;text-shadow:2px 2px 4px #0000004d;width:90%}.ClickProject,.MainProject{align-items:center;margin-bottom:50px}.MainProject{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center;padding-left:10px;padding-right:10px}.ProjectCard{align-items:center;background-color:#fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:20px;height:470px;justify-content:space-around;margin:20px;padding:20px;width:300px}.CardTop{position:relative}.CardTop,.cardProject img{border-radius:10px;height:300px;width:100%}.cardProject img{-webkit-clip-path:polygon(0 0,70% 0,100% 30%,100% 80%,100% 100%,30% 100%,0 70%,0 20%);clip-path:polygon(0 0,70% 0,100% 30%,100% 80%,100% 100%,30% 100%,0 70%,0 20%);filter:brightness(85%);object-fit:cover}.cardGit{bottom:0;left:0;position:absolute}.cardGit img{height:40px;width:40px}.cardLink{font-size:30px;position:absolute;right:0;top:0}.cardLink img{height:40px;width:40px}.CardBottom{align-items:start;display:flex;flex-direction:column;gap:10px;height:125px;justify-content:start;width:100%}.CardName{margin-bottom:10px}.CardStack{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:start}.StackItem{background-color:#b9d3f5;border-radius:3px;color:#fff;font-weight:700;padding:5px 10px}@media only screen and (min-width:1025px){.MainProjectTitle{font-size:4.3rem}.ClickProject{font-size:2rem}}@media only screen and (min-width:601px) and (max-width:1024px){.MainProjectTitle{font-size:3rem}.ClickProject{font-size:1.8rem}}@media only screen and (max-width:600px){.MainProjectTitle{font-size:1.6rem}.ClickProject{font-size:1rem}.ProjectCard{gap:10px;height:340px;width:230px}.CardTop{height:200px}.cardProject img{border-radius:10px;-webkit-clip-path:polygon(0 0,70% 0,100% 30%,100% 80%,100% 100%,30% 100%,0 70%,0 20%);clip-path:polygon(0 0,70% 0,100% 30%,100% 80%,100% 100%,30% 100%,0 70%,0 20%);height:200px;width:100%}.cardGit img{height:25px;width:25px}.cardLink{font-size:25px}.CardBottom{align-items:start;gap:10px;justify-content:center}.CardName{font-size:14px}.CardStack{gap:8px}.StackItem{font-size:14px;padding-left:8px;padding-right:8px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.bouncy{animation:bounce 3.5s infinite}.Area5{height:auto;overflow-x:hidden;width:100%}.Area5,.ToyProjectArea{margin-bottom:50px;margin-top:50px}.ToyProjectArea{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-around}.ToyProjectTitle{color:#797979;font-weight:bolder;margin-bottom:50px;text-align:left;text-shadow:2px 2px 4px #0000004d;width:90%}.ToyProject{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:space-around;width:80vw}.ProjectBox{background-color:#fff;border:1px solid #0003;height:300px;justify-content:space-evenly;margin:15px;width:300px}.BoxTop,.ProjectBox{display:flex;flex-direction:column;gap:10px}.BoxTop{align-items:start;background-image:linear-gradient(rgba(0,0,0,.527),#00000080);background-repeat:no-repeat;background-size:cover;color:#fff;height:220px;justify-content:flex-end;padding:10px}.Boxname{font-size:23px}.BoxDate{font-size:18px}.BoxStack{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:space-around}.BoxStack p{gap:5px}.BoxBottom{height:55px}.BoxBottom,.BoxLink{align-items:center;display:flex;justify-content:start}.BoxLink{flex-direction:row;font-size:30px;gap:10px;height:40px;margin:10px;width:100px}.BoxLink img{cursor:pointer;height:30px;width:30px}.BoxLink a{color:#000}@media only screen and (min-width:1025px){.ToyProjectTitle{font-size:3.5rem}}@media only screen and (min-width:601px) and (max-width:1024px){.ToyProjectTitle{font-size:2.5rem}}@media only screen and (max-width:600px){.ToyProjectTitle{font-size:1.5rem}}.skill-container{flex-direction:column;height:100vh;padding-left:20px;padding-right:20px}.skill-container,.skill-top{align-items:center;display:flex;justify-content:center}.skill-top{flex-direction:row;margin-bottom:50px;width:70%}.skill-title{color:#b6bcc6;font-size:112px}.divider{background:#b6bcc6;flex-grow:1;height:2px}.skill-bottom{align-content:center;align-items:center;background-color:#fffc;border-radius:16px;box-shadow:16px 16px 16px 0 #4443;display:flex;flex-direction:column;justify-content:center;justify-items:center;padding:24px;row-gap:40px;width:60%}.skill-category{align-items:flex-start;column-gap:32px;display:flex;margin:20px}.skill-category span{align-items:center;column-gap:16px;display:flex;flex-shrink:0;font-size:32px;font-weight:bolder;width:160px}.skill-tags{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.tag{border-radius:8px;font-size:24px;padding:4px 12px}@media only screen and (max-width:600px){.skill-container{height:auto}.skill-top{align-items:center;flex-direction:column;justify-content:center;margin-bottom:20px}.skill-title{font-size:70px}.divider{width:90%}.skill-bottom{border:none;display:flex;flex-direction:column;padding:24px;width:auto}.skill-category{flex-direction:column;margin-bottom:20px;row-gap:16px}.skill-category span{font-size:30px}.tag{align-items:flex-start;display:flex;flex-wrap:wrap;font-size:18px;gap:8px}}
/*# sourceMappingURL=main.e243fa2d.css.map*/