body{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}.menu{background-color:#0f0d0d;height:100vh;position:fixed;right:-100%;text-align:center;top:69px;transition:.3s ease-in-out;width:100vw}.menu.active{opacity:.92;right:0}.menu-list{display:flex;flex-direction:column;gap:48px;list-style:none;margin:48px auto}.menu-list a{color:#fff;font-size:1.125rem;font-weight:700;opacity:.5;text-align:center;text-decoration:none}.menu-list a:hover{opacity:1}@media (min-width:768px){.menu{background-color:initial;height:auto;position:static;right:0;text-align:center;top:0;transition:none;width:auto}.menu-list{display:flex;flex-direction:row;gap:48px;list-style:none;margin:24px 0}.menu-list a{color:#fff;font-size:1rem;font-weight:700;opacity:.5;text-align:center;text-decoration:none}}.header{align-items:center;display:flex;justify-content:space-between;padding-top:12px}html{scroll-behavior:smooth}.main-header{background-color:#000;position:-webkit-sticky;position:sticky;top:0;z-index:2}.hamburger{cursor:pointer;display:flex;flex-direction:column}.hamburger div{background-color:#fff;border:1px solid #fff;border-radius:5px;margin-bottom:8px;transition:all .3s ease-in-out;width:24px}.hamburger.active div:nth-child(2){opacity:0}.hamburger.active div:first-child{-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}.hamburger.active div:nth-child(3){-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}.scroll-lock{overflow:hidden}@media (min-width:768px){.hamburger div{visibility:hidden}.header{align-items:center;background-color:#888a94;display:flex;justify-content:space-between;margin:0;padding:0}.header img{margin-left:24px}}.intro{margin-top:60px;padding-bottom:3.313rem;text-align:center}.intro h4{font-size:1.125rem;font-weight:400;margin:0}.intro h2{color:#ea7911;font-size:2rem;font-weight:800;line-height:2.421rem;margin-bottom:32px;margin-top:12px}.intro p{font-size:1rem;font-weight:400;line-height:1.5rem;margin:0 auto;width:80%}.intro a{background-color:#ea7911;border-radius:23.58px;color:#fff;display:block;font-size:1.179rem;font-weight:600;line-height:22.84px;margin:44px auto 67.3px;padding:8px;text-decoration:none;width:184px}.intro span{color:#ea7911}@media (min-width:768px){.intro{align-items:center;display:flex;flex-direction:row-reverse;gap:5.125rem;justify-content:space-between;margin:60px auto;text-align:justify;width:83%}.intro a{display:inline-block;text-align:center}.intro p{font-size:1rem;font-weight:400;line-height:1.5rem;margin:0 2rem 0 0;width:auto}}.about-summary-main{border-top:1px solid #888a94;padding:5.5rem 0}.summary-paragraph{line-height:50px;margin:0 2.5rem}.about-summary-main h2{text-align:center}.see-more a{color:#ea7911;text-decoration:none}.contact-info{margin-left:3.438rem}.contact-info span{font-size:18px;font-weight:300;margin-left:2.5rem;opacity:.5}.contact-info a{color:#fff;text-decoration:none}.contact-info div{align-items:center;display:flex;gap:12px;margin:0;padding:0}.contact-info div img{align-self:flex-start;display:block;width:24px}.hidden-desktop{display:inline}.hidden{display:none}@media (max-width:420px){.contact-info{margin-left:0}}@media (min-width:768px){.hidden-desktop{display:none}.hidden-mobile{display:block}.summary-paragraph{margin:0 2.5rem 2.5rem}.about-summary-main{display:flex;margin:0 110px}.about-content,.pic-desktop{flex-basis:0;flex-grow:1}.picFrame{width:100%}}.expertise{background-color:#fff;border-radius:15px;color:#000;padding:0 1.063rem 50px}.expertise p{color:#ea7911;font-weight:400;margin-top:0;padding:1.438rem 10px 10px;text-align:center}.expertise h5{font-size:2rem;font-weight:600;margin:32px 0;text-align:center}.chart-outer{gap:5px;height:36px;margin-bottom:16px}.chart-bar-inner,.chart-outer{display:flex;flex-direction:column;width:100%}.chart-bar-inner{background-color:#fff;border:.5px solid #ea7911;border-radius:10px;height:100%}.chart-fill{background-color:#ea7911;border-radius:10px;height:15px;transition:all .3s ease-out}.chart-label,.chart-score{font-size:14px;font-weight:500}.chart-title{display:flex;justify-content:space-between}@media (min-width:768px){.expertise{background-color:#fff;border-radius:0;color:#000;margin-left:96px;margin-right:96px;padding:0 1.063rem 50px}.expertise-item{display:flex;flex-wrap:wrap;gap:5%;justify-content:center}.expertise-item>div{flex-basis:45%}}.qualification-main{display:flex;flex-direction:column;justify-content:center;margin-top:80px;padding:20px}.qualification-main h1{font-size:2.5rem;font-weight:600;margin-bottom:20px;padding:10px;text-align:center}.educa{font-size:24px;font-weight:500;line-height:50px;margin:0 20px}.qualifi{display:flex;flex-direction:column;gap:12px}.qualification{align-items:center;display:flex;flex-direction:row;gap:12px;margin-bottom:32px}.qualification img{height:120px;width:15px}.underline{margin-bottom:42px}.underline,.underline1{border-bottom:1px solid #fff;margin-left:20px}.underline1{margin-bottom:5px;width:127px}.qualification h5{font-size:18px;font-weight:500}.qualification h4{font-size:18px;font-weight:400}.bullet-point p{flex-basis:100%}.qualification>div>p{color:#ea7911;font-size:14px;font-weight:400}.experience{margin-top:40px}.bullet{align-self:flex-start;background-color:#ea7911;height:8px;position:relative;top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.bullet-point{display:flex;gap:6px;justify-content:space-between;margin-left:24px}.line{margin:36px 0;opacity:.5}.hidden-desktop{display:block}.hidden-mobile{display:none}.experience-desc{color:#fff;font-size:14px;font-weight:400;line-height:20px;margin:0;padding:0}@media (min-width:768px){.edu-quali{margin:0 auto;width:85%}.bullet-point,.edu-quali{display:flex;flex-direction:row}.bullet-point{flex-wrap:nowrap;gap:6px;justify-content:space-between;margin-left:24px}.bullet{align-self:flex-start;background-color:#ea7911;height:8px;left:-14px;position:relative;top:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.jd-btn{background-color:#ea9711;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;margin-top:24px;padding:8px;transition:all .5s ease-in-out}.jd-btn,.jd-btn:focus{border:none;outline:none}.jd-btn:hover{background-color:#fff;border:1.5px solid #ea7911;color:#ea7911}.jd-btn:active{background-color:#ea7911;color:#fff}.experience-desc{color:#fff;font-size:14px;font-weight:400;line-height:20px}.qualifications{flex:1 1}.hidden-desktop{display:none}.hidden-mobile{display:block}.experience{flex:1 1;margin-top:0}}.skills{background-color:#fff;border-radius:30px 0 0 0;color:#000;height:280px;margin:0 auto 40px;width:75%}.skills h3,.skills-main h1{text-align:center}.skills h3{padding-top:32px}.carousel-indicators li.active{background-color:#ea7911;border-radius:100%;width:10px}.carousel-indicators li{background-color:#fff;border-radius:100%;height:10px;width:10px}.carousel-control-prev-icon span{color:#ea7911}.skill-logo{display:block;margin:0 auto;position:relative;top:18px}.skills div{flex-wrap:wrap;margin:0 46px 0 25px}.skills div img{float:left;margin-right:24px}@media (min-width:768px){.skill-desktop-container{grid-gap:1%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;margin:auto 97px}.skills{background-color:#fff;border-radius:30px 0 0 0;color:#000;height:280px;margin:0;width:100%}}.project-main{margin-top:60px;text-align:center}.project-main h2{font-size:32px;font-weight:600}.project-container{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:40px}.cta{background-color:hsla(0,4%,74%,.52);border-radius:15px 15px 0 0;margin:36px 18px 48px;padding-bottom:30px;padding-top:32px;text-align:center}.cta h2{font-size:24px;font-weight:600;line-height:50px}.cta p{line-height:36px;margin:8px 30px 16px}.cta a,.cta p{font-size:14px;font-weight:400}.cta a{-webkit-animation:shake .5s;animation:shake .5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#fff;border-radius:20px;color:#ea7911;display:inline-block;padding:10px 20px}@-webkit-keyframes shake{12.5%{-webkit-transform:rotate(12.5deg);transform:rotate(12.5deg)}25%{-webkit-transform:rotate(-12.5deg);transform:rotate(-12.5deg)}37.5%{-webkit-transform:rotate(12.5deg);transform:rotate(12.5deg)}50%{-webkit-transform:rotate(-12.5deg);transform:rotate(-12.5deg)}}@keyframes shake{12.5%{-webkit-transform:rotate(12.5deg);transform:rotate(12.5deg)}25%{-webkit-transform:rotate(-12.5deg);transform:rotate(-12.5deg)}37.5%{-webkit-transform:rotate(12.5deg);transform:rotate(12.5deg)}50%{-webkit-transform:rotate(-12.5deg);transform:rotate(-12.5deg)}}.cta a:hover{-webkit-animation:none;animation:none;background-color:#ea7911;color:#fff}@media (min-width:768px){.cta{background-color:hsla(0,4%,74%,.52);border-radius:0;margin:36px 18px 48px;padding-left:11.438rem;padding-right:11.438rem;padding-top:32px;text-align:center}}.project-modal-container{background-color:#fff;border-radius:5px;color:#000;height:auto;left:12.5%;margin:20% auto 0;position:fixed;top:0;width:80%;z-index:100}.close-btn{cursor:pointer;display:flex;flex-direction:column;gap:4px;width:16px}.close-btn div{border:1px solid #000;width:100%}.close-btn div:first-child{-webkit-transform:rotate(45deg) translate(2px,2px);transform:rotate(45deg) translate(2px,2px)}.close-btn div:last-child{-webkit-transform:rotate(-45deg) translate(2px,-2px);transform:rotate(-45deg) translate(2px,-2px)}.close-btn div:first-child:hover{background-color:#ea7911;-webkit-transform:rotate(45deg) translate(2px,2px);transform:rotate(45deg) translate(2px,2px)}.modal-head{display:flex;justify-content:space-between}.project-modal{margin:40px 10%}.project-modal button{background-color:initial;border:none;cursor:pointer;font-size:1.5rem;font-weight:600}.project-links{display:flex;justify-content:space-around;margin-top:1rem}.project-links a{background-color:#ea7911;color:#fff;cursor:pointer;font-size:1rem;font-weight:400}.project-modal ul{display:flex;flex-wrap:wrap;gap:2px;list-style:none;padding:0}.project-modal ul li{background-color:#ea7911;border-radius:5px;color:#fff;padding:4px}.project-snapshot{display:block;margin:0 auto;width:70%}.project-links em{font-weight:600;margin-right:6px}@media (min-width:768px){.project-modal-container{background-color:#fff;border-radius:5px;color:#000;left:20%;position:fixed;top:-23vh;width:60%}.project-snapshot{display:inline;margin:0 auto;width:15%}.project-modal{margin:40px 20px}.pic-desc{display:flex;gap:20px}.project-links{display:flex;gap:12px;justify-content:normal;margin-top:1rem}.project-links a,.project-modal ul li{border:1px solid #ea7911}.project-modal ul li{background-color:initial;border-radius:5px;color:#000;padding:4px}}.receommendation-main{background-color:#fff;border-radius:15px;color:#000;padding:32px 28px;text-align:center}.recommendation-title{color:#ea7911;font-size:14px;font-weight:400}.receommendation-main h2{font-size:32px;font-weight:500;line-height:40px}.recommendation-body{font-size:14px;font-weight:300;line-height:36px;margin-bottom:19px;margin-top:24px;text-align:left}.receommendation-main h4{margin:12px auto}.recommendation-footer{opacity:.5;padding-bottom:12px}.recommend-image{background-color:#fff;border-radius:50%;min-width:80px}.recommend-image img{width:79px}.carousel-indicators{display:flex;gap:12px;margin-top:30px}.carousel-indicators button{background-color:#afaaaa;border:none;border-radius:100%;height:10px;width:10px}.carousel-indicators button.active{background-color:#ea7911;border:none}.recommendation-content{display:flex;flex-direction:column}@media (min-width:768px){.receommendation-main{border-radius:0;min-height:500px}.recommendation-content{flex-direction:column-reverse}.recommendation-content>div{display:flex;gap:24px;text-align:left}.recommendation-content>p{margin:auto 6.5rem}.carousel-indicators{border:none;position:relative;top:400px}.carousel-indicators:focus{border:none;outline:none}.carousel-control-next,.carousel-control-prev{display:none;opacity:1}.receommendation-main>h2{margin-left:6.5rem;text-align:left}.recommendation-content>div>div>img{align-self:center;position:relative;top:50px}}.form{display:flex;flex-direction:column;gap:12px}.form input,.form textarea{background-color:#000;border:1px solid hsla(0,4%,74%,.4);border-radius:10px;padding:32px}.form textarea{color:#f4f2ef;font-size:14px;font-weight:400;margin-bottom:24px;margin-top:36px}.form input{color:#fff}.contact-main{margin-top:100px}.contact-main h4{font-size:32px;font-weight:500;margin-bottom:36px;text-align:center}.contact-main button{background-color:#ea7911;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;margin-left:auto;margin-right:12px;padding:10px;width:35%}.contact-main button:hover{background-color:#fff;border:1px solid #ea7911;color:#ea7911}.contact-main button:active{background-color:#ea7911;color:#fff}.error-message{border:1px solid #e27575;border-radius:8px;color:#fff;display:flex;flex-direction:column;margin:0 0 24px;max-width:550px;padding:0 8px}.cancel{cursor:pointer;display:inline;font-weight:600;margin:0 0 0 auto;opacity:.7;padding:0}.footer-content p{color:#fff;font-size:14px;font-weight:500;line-height:50px;margin:0}.error-message p:last-child{font-size:14px;font-weight:400;margin:0 0 16px;padding:0}.success-message{background-color:#166534;border-radius:8px;color:#dcfce7;display:flex;flex-direction:column;margin:0 0 24px;max-width:550px;padding:0 8px}.success-message p:last-child{font-size:14px;font-weight:400}.footer-content a{color:#fff;font-size:12px;font-weight:400;opacity:.4}.success-message>p>a{color:#ea7911;text-decoration:underline}.footer-content a:hover{color:#ea7911;text-decoration:none}.success-message>p>a:active,.success-message>p>a:visited{color:#dcfce7}.footer{display:flex;flex-direction:column;gap:42px;margin-top:40px}.footer-content{display:flex;gap:7%}.footer img{align-self:flex-start}.footer-content h6{font-size:12px;font-weight:400;opacity:.4}.social-handles{padding-bottom:60px}.footer-line{border-bottom:1px solid #fff;margin:64px 0 32px;opacity:.4}.social-handles ul{display:flex;gap:5%;justify-content:center;list-style:none;padding:0}@media (min-width:768px){.contact-section{display:flex;gap:20px;justify-content:space-around;margin:auto;width:80%}.footer{flex:0 1;gap:20px;margin-top:0}.footer-content>img{align-self:center}.form{flex:1 1;max-width:875px}.contact-input{display:flex;gap:18px;padding:0}.contact-main button{margin-left:0;margin-right:auto;max-width:226px}.contact-input>input{height:48px;padding:10px;width:100%}.form>textarea{height:232px;margin-top:20px;width:100%}.error-message,.success-message{-webkit-animation:message;animation:message;-webkit-animation-duration:1s;animation-duration:1s;left:0;min-width:30%;position:relative}@-webkit-keyframes message{0%{left:-300px}to{left:0}}@keyframes message{0%{left:-300px}to{left:0}}}.contact-form{display:flex;flex-direction:column;gap:18px;margin:18px 0;width:80%}input{border:1px solid #fff}.contact-form input,.contact-form textarea{background-color:#000;border-radius:15px;color:#fff;height:63px;opacity:.5;outline:none;padding-left:16px}input:focus{border:2px solid #ea7911}textarea:focus{border:1px solid #ea7911}.contact-form textarea{height:auto;margin-top:14px;opacity:1}.contact-btn{background-color:#ea7911;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;line-height:17px;margin-left:auto;margin-right:0;padding:10px;transition:all .5s ease-in-out;width:41.3%}.contact-btn:hover{background-color:#fff;border:1px solid #ea9711;color:#ea7911}@media (min-width:768px){.contact-btn{padding:8px;width:50.3%}}.about-main section{padding:0 18px}.introduction h1{color:#ea7911;font-size:32px;font-weight:700;line-height:38.73px;margin-bottom:64px;margin-top:40px}.introduction img{display:block;margin:auto auto 72px;width:81.7%}.introduction p{font-size:14px;font-weight:400;line-height:40px}.personal{background-color:#fff;color:#000}.personal>h2{font-size:32px;padding:42px 0 18px}.personal>p{font-size:14px;font-weight:400;line-height:40px;padding-bottom:29px}.principle>h3{color:#ea7911;font-size:32px;font-weight:700;line-height:38.73px;padding:10px}.icon-text{background-color:#ea7911;border-radius:30px;color:#000;display:inline;font-size:12px;font-weight:500;line-height:40px;padding:10px}.icons{display:flex;gap:11px}.icons>div>div{align-items:center;display:flex;flex-direction:column;gap:40px;margin-top:40px}.icons div:last-child{flex:1 1}.about-contact img{width:80%}.icons>div>div img{align-self:center}.icons h6{margin-bottom:24px}.principle-text{font-size:14px;font-weight:500;line-height:40px}.about-contact h3{color:#ea7911;font-size:32px;font-weight:700;line-height:38.73px;margin-bottom:74px;text-align:left}@media (min-width:768px){.introduction h1{font-size:4rem;font-weight:700;margin-top:61px}.intro-paragraph{align-items:flex-start;display:flex;gap:24px}.introduction img{display:inline;flex:1 1;margin:0;width:30%}.intro-paragraph p{font-size:16px;font-weight:400;line-height:30px}.about-main{margin:0 96px}.personal h2{font-weight:700;text-align:center}.personal{line-height:40px;margin-top:90px}.personal p{padding:0 89px 42px}.about-contact2 div,.principle>div>div{flex:1 1}.principle h3{margin-bottom:42px;margin-top:64px;text-align:center}.icon-text{border-radius:30px;margin:auto;max-width:50%;min-width:50%;padding:0;text-align:center}.icons-container{display:flex;flex-direction:column;justify-content:center}.icons>div>div{gap:20px;margin-top:20px}.about-contact2{align-items:flex-end;display:flex;margin-top:40px}.about-contact2 h3{color:#ea7911;font-size:2.4rem;font-weight:700;line-height:60px;margin-bottom:74px;margin-top:36px;padding-right:70px}.about-contact2 img{flex:1 1;height:700px;object-fit:contain;width:30%}}.container-app{margin:auto 1.313rem}.App{background-color:#000;color:#fff}@media (min-width:768px){.container-app{margin:auto}}
/*# sourceMappingURL=main.c0465938.css.map*/