*{box-sizing:border-box;font-family:Jost,sans-serif;font-family:Ubuntu,sans-serif;list-style:none;margin:0;padding:0;scroll-behavior:smooth;text-decoration:none}:root{--color-bg:#fff;--color-bg-dark:#021e2e;--color-text:#000;--color-secondary:#5f5d67;--color-primary:#f75023}.dark{--color-bg:#000;--color-text:#fff}body{background:var(--bg-color);color:var(--text-color)}.heading{color:#000;color:var(--color-text);text-align:center}.heading h2{font-size:48px;font-weight:500;line-height:.4;margin:7px 0 20px}.heading span{color:#f75023;color:var(--color-primary);font-size:23px;font-weight:500}nav{align-items:center;background:#0000;background-color:#fff;background-color:var(--color-bg);color:#000;color:var(--color-text);display:flex;justify-content:space-between;padding:15px 8%;position:fixed;right:0;top:0;transition:.3s;width:100%;z-index:1000}nav.sticky{background:#fff;background:var(--color-bg)}.logo{color:#000;color:var(--color-text);font-size:30px;letter-spacing:1px}.logo>span{color:#f75023;color:var(--color-primary);font-size:30px;font-weight:600}.navlist{display:flex}.navlist li{position:relative}.navlist a{color:var(--text-color);font-size:20px;font-weight:500;padding:10px 38px}.navlist a:after{background:#f75023;background:var(--color-primary);bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:.4s ease;width:0}.navlist a:hover:after{width:100%}label{border:2px solid;border-radius:20px;height:22px;position:relative;right:0;width:45px}label:before{background:#000;border-radius:50%;content:"";cursor:pointer;height:16px;left:1px;margin-top:.38px;position:absolute;top:1px;transition:.4s;width:16px}label.active:before{background:#fff;left:24px}.navlist .cancel-btn,nav .menu-btn{color:#fff;cursor:pointer;display:none;font-size:20px;position:absolute;right:30px;top:20px}nav .menu-btn{color:#000;color:var(--color-text)}section{padding:100px 10%}.home{grid-gap:4rem;align-items:center;background-color:#fff;background-color:var(--color-bg);background-position:50%;background-size:cover;display:grid;grid-template-columns:repeat(2,1fr);height:100%;min-height:100vh;position:relative;width:100%}.home .home-text .text-one{color:#000;color:var(--color-text);font-size:25px}.home .home-text .text-two{color:#000;color:var(--color-text);font-size:75px;font-weight:500;margin-left:-3px}.home .home-text .text-five,.home .home-text .text-three{color:#000;color:var(--color-text);font-size:25px}.home .home-text .text-five{margin:5px o}.text-four{margin-top:-12px}.text-four>span{color:#f75023;color:var(--color-primary);display:grid;font-size:55px;font-weight:500;height:1.2em;margin-bottom:5px;margin-top:0;overflow:hidden}.text-four span span{animation:c .5s steps(1) infinite,t 2s linear infinite alternate,m 20s steps(5) infinite;font-size:55px;height:inherit;max-width:-webkit-max-content;max-width:max-content;overflow:hidden;width:0;word-break:break-all}.home .home-text .text-four:before{content:" ";display:inline-block}@keyframes t{90%,to{width:100%}}@keyframes c{0%,to{box-shadow:5px 0 0 #0000}50%{box-shadow:5px 0 0 #0000}}@keyframes m{to{transform:translateY(-510%)}}.social a{align-items:center;border-radius:50%;color:#000;color:var(--color-text);display:inline-flex;font-size:17px;height:35px;justify-content:center;margin-bottom:20px;margin-right:22px;margin-top:20px;width:35px}.social a,.social a:hover{background:#f75023;background:var(--color-primary)}.social a:hover{transform:scale(1.1);transition:.5s}.btn{background:#f75023;background:var(--color-primary);border-radius:30px;color:#fff;color:var(--color-bg);display:inline-block;font-size:25px;font-weight:500;line-height:24px;padding:10px 40px;transition:.4s ease}.btn:hover{transform:scale(1.1)}.home-img img{height:auto;max-width:100%;width:540px}.about{grid-gap:2rem;align-items:center;background-color:#fff;background-color:var(--color-bg);display:grid;grid-template-columns:repeat(2,2fr);height:100%;min-height:100vh;width:100%}.about-img img{height:auto;max-width:100%;width:540px}.about-text{background-color:#fff8f8;background-color:#fff;background-color:var(--color-bg);color:#000;color:var(--color-text);padding:20px}.about-text h2{font-size:48px;font-weight:500;line-height:1.1;margin:8px 0 25px}.about-text h3{color:#f75023;color:var(--color-primary);font-size:20px;font-weight:500}.about-text p{font-size:18px;line-height:25px;margin-bottom:18px;max-width:550px;text-align:justify}.about-text p,.about-text p a{color:#5f5d67;color:var(--color-secondary)}.about-text p a{text-decoration:underline}.about-list li{margin-bottom:10px;width:100%}.about-list li .list-item-title{color:#000;color:var(--color-text);font-size:18px;font-weight:550}.list-item-value{font-size:18px}.about .about-text .aboutbtn{margin-top:20px}.skills{background-color:#fff;background-color:var(--color-bg);height:100%;min-height:100vh;width:100%}.skills-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:140px}.skills-img img{object-position:center;padding-left:4rem;width:90%}.bars-box{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem 0;position:relative}.bars-box h3,.bars-box>span{color:#000;color:var(--color-text);font-size:1.4rem;font-weight:500;margin:0 30px}.bars-box>span{color:#f75023;color:var(--color-primary)}.light-bar{background:#4b00e066;width:100%}.light-bar,.percent-bar{border-radius:.5rem;bottom:0;height:.5rem;left:0;position:absolute}.percent-bar{background:#f75023;background:var(--color-primary)}.html-bar{width:94%}.css-bar{width:84%}.js-bar{width:74%}.react-bar{width:80%}.portfolio{background-color:#fff;background-color:var(--color-bg);height:100%;min-height:100vh;width:100%}.portfolio-content{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,auto));margin-top:5rem}.row{border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.row img{display:block;transition:transform .5s}.layer,.row img{border-radius:8px;width:100%}.layer{align-items:center;background:linear-gradient(#0000001a,#f75023);background:linear-gradient(#0000001a,var(--color-primary));bottom:0;display:flex;flex-direction:column;height:0;justify-content:center;left:0;overflow:hidden;padding:0 40px;position:absolute;text-align:center;transition:height .5s}.layer h5{font-size:20px;font-weight:600;margin-bottom:15px}.layer h5,.layer p{color:#000;color:var(--color-text)}.layer p{font-size:1rem;line-height:1.8}.fa-link{color:#000;color:var(--color-text)}.layer i{align-items:center;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;margin-top:20px;width:80px}.row:hover img{transform:scale(1.1)}.row:hover .layer{height:100%}.features{background-color:#fff;background-color:var(--color-bg)}.features .box-container .box{align-items:center;display:flex;gap:2rem;margin-bottom:.5rem;min-height:60vh}.features .box-container .box:last-child{margin-bottom:0}.features .box-container .box:nth-child(2n){flex-flow:row-reverse wrap}.features .box-container .box .image{flex:1 1 2rem}.features .box-container .box .image img{width:100%}.features .box-container .box .content{flex:1 1 2rem!important}.features .box-container .box .content h3{color:#000;color:var(--color-text);font-size:1.8em;line-height:1.5;text-transform:capitalize}.features .box-container .box .content p{color:#5f5d67;color:var(--color-secondary);font-size:1.2rem;line-height:2;padding:1.5rem 0;text-align:justify}.contact{grid-gap:2.5rem;align-items:center;background:#fff;background:var(--color-bg);display:grid;gap:2.5rem;grid-template-columns:repeat(2,1fr);padding:110px 3% 60px}.contact-text h4{font-size:20px;font-weight:600;margin:18px 0}.contact-text h2,.contact-text h4{color:#000;color:var(--color-text)}.contact-text h2{font-size:3rem;line-height:1}.contact-text h2 span{color:#f75023;color:var(--color-primary)}.contact-text p{color:#5f5d67;color:var(--color-secondary);font-size:.8rem;font-size:1.1rem;line-height:1.8;margin-bottom:30px}.list{color:#000;color:var(--color-text);margin-bottom:2.8rem}.list li{margin-bottom:12px}.list li a{display:block;font-size:18px;transition:all .45s ease}.list li a,.list li a:hover{color:#000;color:var(--color-text)}.list li a:hover{transform:translateX(5px)}.contact-icons i{align-items:center;background:#f75023;background:var(--color-primary);border-radius:8px;color:#000;color:var(--color-text);display:inline-flex;font-size:22px;height:45px;justify-content:center;margin-right:15px;transition:all .45s ease;width:45px}.contact-icons i:hover{background:#000;background:var(--color-text);color:#fff;color:var(--color-bg)}.contact-form form{position:relative}.contact-form form input,form textarea{background:#fff;background:var(--color-bg);border:1px solid #f75023;border:1px solid var(--color-primary);border-radius:8px;color:#5f5d67;color:var(--color-secondary);font-size:15px;margin-bottom:10px;outline:none;padding:14px;width:100%}.contact-form textarea{height:240px;resize:none}.contact-form .submit{background:#f75023;background:var(--color-primary);color:#fff;color:var(--color-bg);display:inline-block;font-size:16px;transition:all .45s ease;width:160px}.contact-form .submit:hover{cursor:pointer;transform:scale(1.1)}footer{background:#fff;background:var(--color-bg);border-top:1px solid #5f5d67;border-top:1px solid var(--color-secondary);padding:10px;text-align:center}footer .text span{color:#000;color:var(--color-text);font-size:17px;font-weight:500}footer .text span a{color:#f75023;color:var(--color-primary);font-size:18px;font-weight:500;margin:0 8px}@media (max-width:1370px){nav{padding:15px 4%}.navlist a{padding:10px 30px}section{padding:100px 0}.home{grid-gap:2rem}}@media (max-width:1100px){.navlist a{font-size:15px;padding:10px 20px}section{padding:80px 5%}.home{grid-gap:.5rem}}@media (max-width:850px){nav .navlist{align-items:center;background:#021e2e;background:var(--color-bg-dark);flex-direction:column;height:100vh;left:-100%;max-width:350px;padding-top:60px;position:absolute;top:0;transition:all .5s ease;width:100%}nav .navlist.active{left:0}.navlist li a{color:#fff;display:block;font-size:23px;margin:10px 0}.navlist .cancel-btn,nav .menu-btn{display:block}.navlist a:after{background:#fff;background:var(--color-bg);bottom:10px}.home .home-text .text-two{font-size:45px}.text-four span span,.text-four>span{font-size:40px}.about,.skills-container{display:flex;flex-direction:column}.bars-box{padding:1rem 170px}label{color:#fff;color:var(--color-bg);right:0;top:20px}label:before{background-color:#fff;background-color:var(--color-bg);margin-top:.5px}}@media (max-width:600px){nav .navlist{max-width:250px;padding-top:60px}.navlist li a{font-size:20px;margin:5px 0}.bars-box{padding:1rem 0}.home{display:flex;justify-content:center}.features .box-container .box,.features .box-container .box:nth-child(2n),.home{flex-direction:column}.features .box-container .box .content p{font-size:1rem;line-height:1.5;padding:.8rem 0}.btn{font-size:15px;padding:5px 20px}.contact{display:flex;flex-direction:column;padding:0 20px}}@media (max-width:400px){nav .navlist{max-width:250px;padding-top:60px}}
/*# sourceMappingURL=main.c7974f6e.css.map*/