body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{position:fixed;z-index:3;width:100%}.header__container{margin:0 auto;max-width:1300px;height:70px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;background:rgba(45,52,54,.7);border-radius:0 0 30px 30px}.header .header__list{width:70%;display:flex;justify-content:space-between;align-items:center}.header .header--list a:hover{cursor:pointer;color:#fff}#toggle-btn{display:none}@media (max-width:1024px){.header__container.toggle{display:none}.header .header__container{max-width:auto;height:100%;-webkit-transform:translateY(-300px);transform:translateY(-300px);-webkit-animation:headerani .8s forwards;animation:headerani .8s forwards;border-radius:0}@-webkit-keyframes headerani{to{-webkit-transform:none;transform:none}}@keyframes headerani{to{-webkit-transform:none;transform:none}}.header .header__list{width:100%;height:300px;flex-direction:column;justify-content:space-around}#toggle-btn{width:70px;height:70px;display:block;padding:10px;position:fixed;color:hsla(0,0%,100%,.8);border-radius:0 0 0 15px;top:0;right:0;cursor:pointer}#toggle-btn.toggle{background:rgba(45,52,54,.7)}}.mainform__container{width:100%;height:100vh;background-image:url(https://images.unsplash.com/photo-1517148815978-75f6acaaf32c?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1350);background-size:cover;background-position:50%;background-attachment:fixed;overflow:hidden}.mainform .mainform__title{font-size:3rem;color:#fff;text-shadow:4px 4px 30px #969696;-webkit-transition:1s;transition:1s}.mainform .mainform__shadow{width:100%;height:100%;background:rgba(45,52,54,.6);display:flex;justify-content:center;align-items:center}@media (max-width:768px){.mainform .mainform__title{font-size:1.4rem}}.about__container{padding:80px 50px;margin:0 auto;max-width:1200px;flex-direction:column}.about .about__title,.about__container{display:flex;justify-content:center;align-items:center}.about .about__title{font-weight:700;width:200px;height:70px;font-size:2.7rem;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:#ff7675;text-decoration-color:#ff7675}.about__info{margin-top:50px;display:flex;justify-content:center;align-items:center}.about__info .info__avatar img{width:200px;border-radius:500px;box-shadow:0 0 20px #969696;margin-right:50px;margin-bottom:100px}.info__info{padding:30px 0 0}.info__info .info--list{font-size:1.2rem;margin-bottom:10px;color:#636e72}.info__info .info__list--1{color:#000;font-weight:700;font-size:2rem;display:flex;justify-content:space-between;align-items:flex-start}.info__info .info__list--1 div{display:flex;justify-content:center;align-items:center}.info__info .info__list--1 .github__mark{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/github.jpg)}.info__info .info__list--1 .blog__mark,.info__info .info__list--1 .github__mark{width:35px;height:35px;background-size:cover;background-repeat:no-repeat;margin-right:13px;font-size:1.5rem}.info__info .info__list--1 .blog__mark{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/velog.png)}.info__info .info--list.info__list--2{margin-bottom:30px}.info__info .info__list--5{margin-top:25px;color:rgba(45,52,54,.5);font-size:1.2rem;line-height:2rem}@media (max-width:1024px){.about__container{padding:30px 0}.about__info{flex-direction:column}.about__info .info__avatar img{width:200px;margin-right:0;margin-bottom:30px}.info__info{padding:30px 20px}}@media (max-width:768px){.info__info .info__list--5{font-size:1rem;line-height:1.5rem}}.sks{width:100%;background:#ecf0f1}.sks__container{margin:0 auto;padding:80px 0;max-width:1200px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.sks .sks__title{font-weight:700;width:200px;height:70px;border-radius:30px 0 30px 0;font-size:2.7rem;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:#ff7675;text-decoration-color:#ff7675}.sks .sks__set,.sks .sks__title{display:flex;justify-content:center;align-items:center}.sks .sks__set{width:100%;margin-top:50px;flex-wrap:wrap}.sks .sk{width:200px;height:200px;border-radius:50px;margin:30px 70px;background-repeat:no-repeat;background-size:200px 200px;box-shadow:inset 4px 4px 20px #969696,10px 10px 30px #969696}.sks .sk:hover{-webkit-animation:skill 1.8s forwards;animation:skill 1.8s forwards}@-webkit-keyframes skill{0%{-webkit-transform:none;transform:none}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes skill{0%{-webkit-transform:none;transform:none}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}.sk .sk__hoverbox{width:100%;height:100%;border-radius:50px;-webkit-transition:1s;transition:1s;display:flex;justify-content:center;align-items:center;color:#fff}.sk .sk__level{font-weight:700;font-size:1.5rem;display:none}.sk .sk__hoverbox:hover{background:rgba(0,0,0,.8)}.sk .sk__hoverbox:hover .sk__level{display:block}.sks .sks__HTML{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/HTML.png)}.sks .sks__CSS{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/CSS.png)}.sks .sks__JavaScript{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/JS.png)}.sks .sks__React{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/REACT_1.png)}.sks .sks__C{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/C.png)}.sks .sks__SQL{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/SQL.png)}.sks .sks__NodeJS{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/nodemark.png)}.sks .sks__MongoDB{background-image:url(https://raw.githubusercontent.com/won-developer/img/master/mongodb.png)}@media (max-width:1024px){.sks__container{padding:30px 0}}@media (max-width:768px){.sks .sk{width:130px;height:130px;background-size:130px 130px;margin:15px 20px}.sk .sk__level{font-size:1rem}}.projects__container{margin:0 auto;padding:100px 0;max-width:1200px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.projects .projects__title{width:220px;height:70px;font-size:2.7rem;display:flex;justify-content:center;align-items:center;font-weight:700;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:#ff7675;text-decoration-color:#ff7675}.projects .project{width:100%;height:350px;display:flex;justify-content:flex-start;border:1px solid rgba(149,165,166,.8);margin-top:50px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.project .project__img{width:350px;height:100%}.project .project__info{padding:20px;width:100%;display:flex;flex-direction:column}.project h2{font-size:1.7rem;font-weight:700;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #b2bec3}.project h3{font-size:1.3rem;margin-bottom:13px}.project__info .introlist{opacity:.7;font-size:1.2rem;margin-bottom:7px}.project__info .uselang{margin-top:13px;opacity:.6;display:block;font-size:1.1rem}@media (max-width:1024px){.projects .projects__container{padding:30px 0}.project .project__img{width:200px;height:100%}}@media (max-width:768px){.projects .project{flex-direction:column;height:100%}.project .project__img{width:100%;height:250px}}.contact{background:rgba(116,125,140,.5)}.contact__container{margin:0 auto;max-width:1300px;padding:30px 0;flex-direction:column}.contact .contact__title,.contact__container{display:flex;justify-content:center;align-items:center}.contact .contact__title{width:200px;height:70px;border-radius:30px;font-size:2rem;color:#ff4757;font-weight:700}.contact .contact__info{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.4rem;color:#000;opacity:.7}@media (max-width:768px){.contact .contact__title{font-size:1.7rem}.contact .contact__info{font-size:.7rem}}
/*# sourceMappingURL=main.329abe23.chunk.css.map */