@font-face{font-family:"NEXON Lv2 Gothic Light";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv2%20Gothic%20Light.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"NEXON Lv2 Gothic";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv2%20Gothic.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"NEXON Lv2 Gothic Bold";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv2%20Gothic%20Bold.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0;font-family:"NEXON Lv2 Gothic",sans-serif}ul{list-style:none}a{color:#fff;text-decoration:none;outline:none}:root{--primary:#fff}.btn{padding:8px 20px;border-radius:4px;outline:none;border:none;cursor:pointer;white-space:nowrap}.btn--primary{background-color:#fff;background-color:var(--primary);color:#242424}.btn--outline,.btn--primary{border:1px solid #fff;border:1px solid var(--primary)}.btn--outline{background-color:transparent;color:#fff;padding:8px 20px;transition:all .3s ease-out}.btn--medium{padding:8px 20px;font-size:18px}.btn--large{padding:12px 26px;font-size:20px}.btn--mobile{text-align:center;border-radius:4px;width:80%;text-decoration:none;font-size:1.5rem;background-color:transparent;color:#fff;padding:14px 20px;border:1px solid #fff;transition:all .3 ease-out}.btn--wide{padding:12px 64px;font-size:20px}.btn--large:hover,.btn--midium:hover,.btn--mobile:hover{transition:all .3s ease-out;background:#fff;color:#242424}.btn--wide:hover{color:#fff;background-color:#f00946;transition:all .2s ease-out}.blue{background-color:#276afb}.blue,.red{color:#fff;border:none}.red{background-color:#f00946}.primary{background-color:#242424;color:#fff;border:none}.primary:hover{background-color:#fff;color:#242424;border:none}.green{background-color:#25ce4a;color:#fff;border:none}.green:hover{background-color:#242424}.btn-link{text-decoration:none;padding:8px 16px;height:100%;width:100%}.btn-link,.navbar{display:flex;justify-content:center;align-items:center}.navbar{background:#1c2237;height:80px;font-size:1.2rem;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar-container{display:flex;justify-content:space-between;height:80px}.container{z-index:1;width:100%;max-width:1300px;margin-right:auto;margin-left:auto;padding-right:50px;padding-left:50px}.navbar-logo{cursor:pointer;display:flex;justify-content:center;align-items:center}.navbar-icon{margin-right:.5rem}.nav-menu{display:flex;align-items:center;justify-content:center;list-style:none;text-align:center;justify-content:flex-end}.nav-item{height:80px;border-bottom:2px solid transparent}.nav-item:hover{border-bottom:2px solid #f00946}.nav-links{color:#fff;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%;font-family:"NEXON Lv2 Gothic Bold"}.fa-bars{color:#fff}.menu-icon{display:none}.btn-link>button{font-family:"NEXON Lv2 Gothic Bold"}.btn-link:hover button{background-color:#fff;color:#242424;transition:all .2s ease-out}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:90vh;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease}.nav-menu.active{background:#1c2237;left:0;opacity:1;transition:all .6s ease;z-index:1}.nav-menu>.nav_btn{position:absolute;bottom:0}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{color:#f00946;-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .3s ease}.nav-item:hover{border:none}.nav-item{width:100%}.navbar-logo{position:absolute;top:22px;left:28px}.logo_img{width:40px}.menu-icon{display:block;position:absolute;top:26px;right:30px;font-size:1.8rem;cursor:pointer}.fa-times{color:#fff;font-size:2rem}.nav-btn{display:flex;justify-content:center;align-items:center;width:100%;height:120px}.btn-link{display:block;padding:2rem}.btn-link>button{width:100%;padding:1rem 6rem}}.main__section{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px);background:#1c2237}.text__container{color:#fff}.text__container>span{color:#f00946;margin-left:4px;font-size:1rem;line-height:16px;font-weight:700;letter-spacing:1.4px}.main__heading,.main__p{text-align:center}.main__heading{font-size:5rem;font-family:"NEXON Lv2 Gothic Bold"}.main__p{margin-top:20px;font-size:1.25rem}.icon__container{text-align:center;margin:50px 0}.icon__container>a:nth-child(2){margin:0 50px}@media screen and (max-width:960px){.text__container>span{font-size:.5rem;margin-left:3px}.main__heading{font-size:3rem}.main__p{font-size:1rem}.icon__container{-webkit-transform:scale(.8);transform:scale(.8)}}.about__section{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px);padding:50px}.about__wrapper{display:flex;flex-direction:column;align-items:center;width:60%}.about__img{max-width:300px;margin-bottom:50px}.about__img>img{max-width:100%;display:block;margin:auto}.about__text__container{font-size:1.125rem}.about__text__container>p{margin-bottom:20px;line-height:24px}.about__text__container em{font-family:"NEXON Lv2 Gothic Bold";font-style:normal}@media screen and (max-width:768px){.about__wrapper{width:100%}.about__text__container{font-size:1rem}}@media screen and (max-width:450px){.about__btn{-webkit-transform:scale(.8);transform:scale(.8)}}@media screen and (max-width:380px){.about__section{height:auto}}.skill__section{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px);background-color:#1c2237}.skill_box>h1{color:#fff;font-family:"NEXON Lv2 Gothic Bold";font-size:3rem;text-align:center}.skill_wrapper_box{display:flex;justify-content:center;align-items:center;padding-top:30px}.skill__wrapper{padding:0 50px;width:80%;display:flex;flex-flow:row;justify-content:space-between;flex-wrap:wrap}.skill-items{display:flex;flex-direction:column;align-items:center;flex-grow:1;flex-basis:20%;min-width:100px;padding:40px 0}.skill-img{text-align:center;margin-bottom:30px;height:70px}.skill-img img{height:100%}.skill-title{color:#fff;font-size:1.255rem;text-transform:uppercase}@media screen and (max-width:960px){.skill__wrapper{width:100%}.skill_box>h1{font-size:2rem}.skill-title{color:#fff;font-size:1rem}.skill_wrapper_box{padding-top:10px}}@media screen and (max-width:510px){.skill-img{margin-bottom:10px;height:50px}.skill-items{padding:20px 0}.skill__section{height:auto;padding:100px 0}}.home__portfolio-section{color:#fff;height:calc(100vh - 80px);padding:160px 0;display:flex;align-items:center;justify-content:center}.home__portfolio-row{align-items:center;padding:0 50px}.row{display:flex;margin-right:-15px;margin-bottom:-15px;margin-left:-15px;flex-wrap:wrap;align-content:stretch}.col{margin-bottom:15px;padding-right:15px;padding-left:15px;flex:1 1;max-width:50%;flex-basis:50%}.home__portfolio-text-wrapper{max-width:550px;padding-top:0;padding-bottom:60px}.top-line{color:#f00946;font-size:1rem;line-height:16px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:16px}.heading{margin-bottom:24px;font-size:3rem;line-height:1.1;color:#f7f8fa;font-family:"NEXON Lv2 Gothic Bold"}.dark{color:#1c2237}.darkBg{background-color:#1c2237}.home__portfolio-subtitle{margin-bottom:35px;font-size:1.125rem;line-height:24px}.protfolio__btn{display:flex}.protfolio__btn>li:first-child{margin-right:10px}.home__portfolio-img-wrapper{max-width:550px;max-height:340px;overflow:hidden;text-align:center}.home__portfolio-img{margin-top:0;margin-right:0;padding-right:0}.home__portfolio-img-wrapper>img{border:0;width:80%;vertical-align:middle;display:inline-block}@media screen and (max-width:960px){.container{padding-right:30px;padding-left:30px}.top-line{font-size:.5rem}.heading{font-size:2rem}.home__portfolio-subtitle{font-size:1rem}}@media screen and (max-width:768px){.home__portfolio-text-wrapper{padding-bottom:65px}.col{max-width:100%;flex-basis:100%}}@media screen and (max-width:450px){.protfolio__btn{display:block;-webkit-transform:scale(.8);transform:scale(.8)}.protfolio__btn>li{text-align:center}.protfolio__btn>li:first-child{margin:0 0 5px}.home__portfolio-section{height:auto}}.contact__section{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px);background-color:#1c2237}.contact__wrapper{padding:0 50px}.contact__text{text-align:center;color:#fff}.contact__text>h1{font-family:"NEXON Lv2 Gothic Bold";font-size:3rem;text-transform:uppercase}.contact__text>p{margin:20px 0 30px;line-height:24px;font-size:1.125rem}input[type=email],input[type=text],select,textarea{outline:none;min-width:500px;padding:12px;border:1px solid #fff;border-radius:4px;margin-top:6px;margin-bottom:16px;resize:vertical}label{color:#fff}textarea{height:200px}.contact__btn{margin-top:20px;text-align:center}@media screen and (max-width:960px){.contact__text>h1{font-size:2rem}.contact__text>p{font-size:1rem}}@media screen and (max-width:500px){.contect__btn{-webkit-transform:scale(.8);transform:scale(.8)}input[type=email],input[type=text],select,textarea{min-width:300px}textarea{height:100px}}
/*# sourceMappingURL=main.c0f669d2.chunk.css.map */