@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lilita+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Marcellus&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,600;1,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Serif&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap);@font-face{font-display:swap;font-family:Roboto Flex;font-stretch:100%;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/robotoflex/v9/NaNNepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXpRJ6cXW4O8TNGoXjC79QRyaLshNDUf3e0O-gn5rrZCu20YNau1OPF80A.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{scroll-behavior:smooth}body{background-color:orange;background-image:url(https://www.transparenttextures.com/patterns/gplay.png);margin:0}#body{overflow:hidden}.mask-2.cd-intro-content *{opacity:1}.mask-2.cd-intro-content .content-wrapper{height:100%;margin:0 auto;overflow:hidden;position:relative}.mask-2.cd-intro-content .content-wrapper:before{animation:cd-pulse 1.3s .3s both;background-color:#000;content:"";height:100%;left:0;position:absolute;top:0;width:2px;z-index:2}.no-cssanimations .mask-2.cd-intro-content .content-wrapper:before{opacity:0}.mask-2.cd-intro-content .content-wrapper>div{position:relative;z-index:1}.mask-2.cd-intro-content .content-wrapper,.mask-2.cd-intro-content .content-wrapper>div{animation-delay:1.1s;animation-duration:.5s;animation-fill-mode:backwards}.mask-2.cd-intro-content .content-wrapper{animation-name:cd-mask-wrapper}.mask-2.cd-intro-content .content-wrapper>div{animation-name:cd-mask-content}.content-wrapper h1{font-size:75px}.content-wrapper p{font-size:20px}@keyframes cd-mask-wrapper{0%{transform:translateX(50%)}to{transform:translateX(0)}}@keyframes cd-mask-content{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes cd-pulse{0%,30.8%{opacity:0}15.4%,46.2%,61.5%,70%{opacity:1}to{opacity:0}}.intro{margin-top:50px}.intro,.my-photo{align-items:center;display:flex;justify-content:center}.my-photo{align-content:center}.img{border-radius:400px;width:520px}.form-cont{background-color:#000;border-radius:10px;padding:18px;width:400px}form{align-items:center;display:flex;justify-content:center;margin:40px}.form-cont h1{color:hsla(0,0%,100%,.577);font-size:39px}label{color:#fff;margin-top:18px}.my-intro{flex-direction:column;margin:0 20px}.my-intro,.my-intro h1{align-items:center;display:flex;justify-content:center}.my-intro h1{color:#000;font-weight:400;text-shadow:2px 1px #fff}.my-intro h1,.my-intro p{font-family:Roboto Slab,serif}.form-cont button{background-color:orange;font-weight:700;margin:8px 0}.weblink a{color:#fff;margin:0 8px;text-decoration:none}.weblink{align-items:center;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:row;justify-content:center}.connect p{color:#fff;margin:0}.connect{margin-left:50px}.card h5{font-size:50px;text-align:center}.portfolio-cont{align-items:center;display:flex;justify-content:center;margin:100px 20px}.card{width:1200px}.card-header{background-color:#000;color:#fff}.card-title{font-family:Exo,sans-serif}.card-header{font-family:Marcellus,serif;font-weight:bolder}.card-body{background-color:#201f1f;color:#fff;font-family:Raleway,sans-serif}.abt-cont{align-items:center;display:flex;justify-content:center;margin:25px;padding:0}#abt-card{background-color:#000;margin:0;width:1500px}#abt-card,.card-body{border:none}#abt-card-header{border-bottom:.1px solid #fff;padding:auto 30px;text-align:left}#abt-card-body{background-color:#141414;border-radius:10px;margin:20px 15px;padding:10px 20px}.achiev-cont{display:flex;justify-content:center}.achiev-cont p{font-size:20px}.achiev-card-body,.index-connect,.parallelogram{align-items:center;display:flex;justify-content:center}.parallelogram{background-color:#000;border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;height:60px;left:50%;position:fixed;translate:-50%;width:450px}.weblink a:hover{bottom:5px;position:relative}button{background-color:initial;border:2px solid #000;color:#000;font-family:inherit;font-size:16px;overflow:hidden;padding:.8em 1.8em;position:relative;text-align:center;text-transform:uppercase;transition:.3s;z-index:1}button:before{background:#000;content:"";display:block;height:300%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:.5s ease;width:0;z-index:-1}button:hover:before{width:105%}button:hover{color:orange}@media only screen and (max-width:787px){.intro{flex-direction:column;margin:60px}.img{width:280px}.my-intro{text-align:center}}@media only screen and (width:912px) and (height:1368px){.intro{flex-direction:column}.img{width:450px}.my-intro h1{font-size:120px;text-align:center}.my-intro p{font-size:35px;text-align:center}.abt-cont{margin:300px 35px}.form-cont{margin-top:200px;width:700px}}@media only screen and (max-width:1150px){.my-photo{margin-left:10vw}}@media only screen and (max-width:1000px){.my-photo{margin-left:5vw}}@media only screen and (max-width:900px){.my-photo{margin-left:0}.img{width:450px}}@media only screen and (max-width:787px){.intro{flex-direction:column;margin:0}.content-wrapper{padding:0}.img{width:450px}.my-intro{margin-top:0;padding:0}.my-intro h1{font-size:70px;text-align:center}.my-intro p{font-size:20px;text-align:center}.abt-cont{margin:200px 35px}.form-cont{margin-top:200px;width:600px}}@media only screen and (max-width:610px){.img{width:380px}.cd-intro,.intro{bottom:30px;position:relative}.my-intro h1{font-size:65px}.my-intro p{font-size:18px}}@media only screen and (width:1024px) and (height:600px){.intro{margin-top:0}}@media only screen and (width:820px) and (height:1180px){.img{width:550px}.intro{flex-direction:column}.my-intro h1{font-size:90px}.my-intro p{font-size:30px}.my-intro{text-align:center}}.nav-link{color:orange;font-family:Kanit,sans-serif;font-size:20px;margin:0 20px}#navi{background-color:#000}.navbar-toggler{border:2px solid #fff}.nav-link:hover,.navbar-nav .nav-link.active{color:#f80}.navbar-brand{font-size:30px;margin-left:30px}.navbar-item{margin:0 6px}.navbar-nav{margin-left:60px;position:absolute;right:5%}.navbar-brand{font-weight:500}.material-symbols-outlined{color:#fff}@media screen and (max-width:1000px){.navbar-nav{margin-left:0;position:static}}.cont{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px;margin-top:50px;width:100%}#experience-head{background-color:#000;border-radius:8px;margin-bottom:30px;padding:20px}#experience-head h2{font-size:24px;font-weight:700}.experience-card{background-color:#000;border-radius:8px;box-shadow:6px 7px #555;color:#fff;margin-bottom:15px;padding:15px}.experience-card h3{font-size:25px;font-weight:700}.experience-card h4{font-size:20px}.experience-cards{width:100%}.work-icon{color:silver}#experience-section{margin-bottom:20px;margin-top:0;width:90%}#experience-section h1{margin-top:0}#experience-section p{font-weight:500}#experience-para{color:#000;font-family:Roboto Slab,serif}.experience-card p{color:#c1c1c1;font-family:Montserrat,sans-serif}.card-cont{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-left:20px;width:1000px}#MAV-img{height:100%;object-fit:cover;width:100%}.card{align-items:center;background-color:#000;border-radius:10px;box-shadow:0 0 0 5px #ffffff80;display:flex;height:200px;justify-content:center;margin-top:20px;overflow:hidden;perspective:1000px;position:relative;width:300px}.card,.card svg{transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card svg{fill:#333;width:48px}.card:hover{box-shadow:0 8px 16px #fff3;transform:scale(1.05)}.card__content{background-color:#f2f2f2;box-sizing:border-box;height:100%;left:0;padding:20px;position:absolute;top:0;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:100%}.card:hover .card__content{transform:rotateX(0deg)}.card__title{color:#333;color:#fff;font-family:Noto Sans KR,sans-serif;font-size:29px;font-weight:700;left:50%;line-height:normal;margin:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:3}.experience-section{padding-top:120px}.experience-timeline{margin:0 auto;max-width:800px}.experience-item{background-color:#000;border-radius:10px;box-shadow:6px 7px #555;color:#fff;display:flex;gap:2rem;margin-bottom:3rem;padding:2rem;transition:transform .3s ease}.experience-item:hover{transform:translateY(-5px)}.experience-icon{align-items:center;background-color:orange;border-radius:50%;color:#000;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.experience-content h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.experience-content h4{color:orange;font-size:1.3rem;margin-bottom:.5rem}.experience-content .duration{color:#c1c1c1;font-size:1rem;font-style:italic;margin-bottom:1rem}.experience-content .description{color:#c1c1c1;font-family:Montserrat,sans-serif;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.experience-content .technologies{color:#c1c1c1;font-family:Montserrat,sans-serif;font-size:1rem}.card:hover .card__title{display:none}.work-link svg{margin:10px 0 0;scale:2.2}.work-link:hover svg{scale:1.8}.card__description{color:#5e5e5e;font-family:Josefin Sans,sans-serif;font-size:18px;font-weight:800;line-height:1.4;margin:10px 0}.cont h1{border-bottom:3px solid #000;color:#000;font-family:lilita one,cursive;font-size:60px;margin-top:50px;padding:10px;text-shadow:#f2f2f2 1px 1px 0}#experience-para,.cont h1{text-align:center}#work-head p{color:#000;font-family:Roboto Slab,serif;font-weight:500}.cont span{color:#fff;text-shadow:#000 8px 1px 0}.cont #work-head p{font-size:large}@media screen and (max-width:1270px){.cont{margin-top:0}#work-head,.card-cont{bottom:30px;position:relative}.card-cont{margin-left:0}}.main-cont{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-top:120px;padding:0 120px;width:100%}#connect-head{color:#fff;font-family:Archivo Black,sans-serif;font-family:lilita one,cursive;font-size:80px;text-shadow:#000 2px 2px 0}#connect-head span{color:#000;text-shadow:none}.handle-cont{align-items:center;flex-direction:row;width:100%}.contain,.handle-cont{display:flex;justify-content:center}.contain{align-items:flex-start;background:#eee;box-shadow:-9px 9px 0 #474747;color:#000;flex-direction:column;height:100%;margin:auto 20px auto 0;padding:40px;text-align:left;width:auto}.contain p{color:#000;font-family:Roboto Slab,serif;font-size:20px;margin:0 0 0 5px}.details-cont{display:flex;margin-bottom:15px;text-align:left}.details-cont svg{height:32px;width:32px}.social-card{background-color:#eee;border-radius:100px;box-shadow:0 0 20px rgba(0,0,0,.055);box-shadow:0 0 15px #00000027;box-shadow:7px 7px 0 #474747;flex-direction:column;gap:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.social-card,.socialContainer{align-items:center;display:flex;justify-content:center}.socialContainer{background-color:#2c2c2c;border-radius:115px;box-shadow:0 0 4px #00000027;height:52px;overflow:hidden;transition-duration:.3s;width:52px}.containerOne:hover{background-color:#d62976;transition-duration:.3s}.containerTwo:hover{background-color:#fff;transition-duration:.3s}.containerThree:hover{background-color:#0072b1;transition-duration:.3s}.socialContainer:active{transform:scale(.9);transition-duration:.3s}.socialSvg{fill:#fff;width:17px}.socialContainer:hover .socialSvg{animation:slide-in-top .3s both}.githubSvg{fill:#fff;height:22px;width:22px}.containerTwo:hover svg{fill:#000}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:658px){.main-cont{padding:0 20px}.contain{margin:20px 0;padding:20px}.handle-cont{align-items:center;flex-direction:column}.social-card{flex-direction:row;margin-top:20px}.main-cont h1{text-align:center}.main-cont{margin-top:40px}.contain p{font-size:18px}}.main{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:50px;padding:0 120px;width:100%}.text-area{width:50%}.text-area-2{width:50%}.text-area-2,.text-cont{font-family:Montserrat,sans-serif}.text-cont{background:#000;border-radius:20px;box-shadow:9px 9px 0 #474747;color:#fff;display:flex;flex-direction:column;height:100%;padding:30px;width:100%}.text-section{margin-top:20px}.text-cont p{color:#fff;font-family:Mukta,sans-serif;font-family:Montserrat,sans-serif;margin:0;text-align:left}.text-area h1{-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Righteous,sans-serif;font-size:65px;text-shadow:#000 3px 1px 0}.text-area span{color:#000;text-shadow:#f2f2f2 1.5px 1.5px 0}.text-area p{font-family:Roboto Slab,serif;font-size:20px;width:90%}.text-section p a{color:#fff;font-size:17px}.text-section span{background-color:#474747;border-radius:20px;color:#fff;margin:3px;padding:4px 8px}.techstack-cont{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:5px}.head{border-bottom:2px solid grey;font-size:20px}@media screen and (max-width:1120px){.main h1{font-size:60px}.text-area p{font-size:18px}}@media screen and (max-width:955px){.main{padding:0 70px}}@media screen and (max-width:841px){.main{margin-top:0;padding:20px 0}.text-area{margin-top:0;width:70%}.text-area-2{margin-top:30px;width:90%}.text-cont{padding:20px}.text-area p{font-size:16px}.text-area-2 p{font-size:18px}.main h1{font-size:54px}.text-area{margin-bottom:10px;margin-top:0;width:90%}}@media only screen and (width:1024px) and (height:600px){.main{margin-top:30px}}
/*# sourceMappingURL=main.e9e69f32.css.map*/