*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%;overflow-x:hidden}body{margin:3.5rem 3.5rem 0 3.5rem;scroll-behavior:smooth;overflow-x:hidden;position:relative}header{width:100%!important;height:85vh!important;position:relative;overflow:hidden}header button a i{color:#fff;margin-right:.8rem;font-size:1.2rem}#vid{position:absolute;top:0;left:0;height:85vh!important;width:100%!important;z-index:-1}#vid video{height:100%;width:100%;object-fit:fill}#vid::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75)}header nav{width:100%;height:20vh;display:flex;align-items:center;justify-content:space-between;z-index:100}header nav ul{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;list-style:none;margin-right:5rem}a{text-decoration:none;color:rgba(254,254,254,.9)}.name{margin-left:5rem}header nav .name .dev{font-family:'Kaushan Script',cursive;font-size:2rem;animation:glow 1s ease-in-out infinite alternate;color:rgba(254,254,254,.9)}header nav ul li{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:1.68rem;color:rgba(254,254,254,.85);padding:1rem;margin-right:6rem;position:relative}header nav ul li::after{content:'';position:absolute;left:0;bottom:0;width:0%;height:2px;background-color:orange;transition:all 450ms cubic-bezier(.5,.05,1,.5)}header nav ul li:hover a{color:#fff}header nav ul li:hover::after{width:100%}.profile_about{height:50vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:2}.profile_about p{color:rgba(254,254,254,.98);font-size:1.99rem;font-family:"Roboto Condensed",sans-serif;letter-spacing:.5px;letter-spacing:1px}.profile_about .ac{color:#fff;font-size:4.5rem;font-family:"Roboto Condensed",sans-serif;font-weight:400}.profile_about p span{color:orange}.button{display:flex}.button button{padding:5px;text-align:center;width:100px;color:#fff;border:1px solid;margin-top:2rem;background:0 0;transition:all .5s cubic-bezier(.175,.885,.32,1.275);border:.3px solid rgba(254,254,254,.45);border-radius:0;position:relative;margin-right:2rem;z-index:2}.button button a{font-family:"Open Sans";font-weight:400;font-size:1.55rem;text-transform:uppercase;font-weight:300;z-index:3}.button button::after{content:'';position:absolute;top:0;right:0;height:100%;width:0%;background:#323232;z-index:-1;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.button .closes::after{content:'';position:absolute;top:0;left:0;height:100%;width:0%;background:#323232;z-index:-1;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.button .close:hover::after{width:100%}.button .closes:hover::after{width:100%}.button button:hover a{color:#fff;font-weight:300}.rows{display:flex;justify-content:center;align-items:center}.skills{padding:15rem 0 10rem 0;display:flex;flex-direction:column;justify-content:center;background:#eee}.col1:not(:last-child){margin-right:12rem}.n{border-radius:50%;padding:2.5rem;font-size:3rem;border:none;background:#323232;color:#fff;transition:all .4s cubic-bezier(.445,.05,.55,.95);backface-visibility:hidden}.n:hover{backface-visibility:hidden;color:#323232;background:#fff;border:1px solid #000;transform:translateY(-2rem)}.col1{text-align:center;line-height:1.5}ul li a{font-family:"Roboto mono",monospace;text-transform:uppercase}.main1{margin-top:2rem;color:rgba(0,73,183,.9);font-family:"Roboto Condensed",sans-serif;font-size:2.3rem;font-weight:500}.letter{transform:translateX(.2rem)}.main2{color:rgba(0,73,183,.9);font-family:"Roboto Condensed",sans-serif;font-size:2.2rem;font-weight:500}.skills-heading{margin-bottom:8rem;display:flex;justify-content:center}.skills-heading h1{color:#000;font-size:3rem;text-transform:uppercase;font-family:"Open Sans",sans-serif;font-weight:400}.btn-flip{opacity:1;outline:0;color:#fff;line-height:40px;position:relative;text-align:center;letter-spacing:1px;font-size:1.7rem;display:inline-block;text-decoration:none;font-family:'Open Sans';text-transform:uppercase}.btn-flip:hover::after{opacity:1;transform:translateY(0) rotateX(0)}.btn-flip:hover::before{opacity:0;transform:translateY(50%) rotateX(90deg)}.btn-flip::after{top:0;left:0;opacity:0;width:100%;color:rgba(254,254,254,.9);display:block;transition:.5s;position:absolute;background:#323237;content:attr(data-back);transform:translateY(-50%) rotateX(90deg)}.btn-flip::before{top:0;left:0;opacity:1;color:rgba(254,254,254,.85);display:block;padding:0 30px;line-height:40px;transition:.5s;position:relative;background:#000;content:attr(data-front);transform:translateY(0) rotateX(0)}.skills-button{margin-top:6rem;display:flex;justify-content:center}.card{margin-top:6rem;display:flex;z-index:2;transition:all 350ms cubic-bezier(.755,.05,.855,.06)!important}.card-container{width:300px;height:350px;background:#fff;border-radius:6px;transition:all 350ms cubic-bezier(.77,0,.175,1)!important;box-shadow:0 1px 10px 1px #000;overflow:hidden;display:inline-block}.upper-container{height:150px;background:url(images/nat-7-min.jpg);background-size:cover;background-position:center}.image-container{background:#fff;width:80px;height:80px;border-radius:50%;transform:translate(110px,100px)}.image-container img{width:80px;height:80px;border-radius:50%}.lower-container{height:280px;background:#fff;margin-top:4rem;text-align:center}.lower-container .names{display:flex;flex-direction:column;align-items:center}.names h1{font-size:2.5rem;font-family:"Roboto Slab",monospace;font-weight:400;color:rgba(0,0,0,.95)}.job{margin:1.5rem 0}.names .job h1{font-size:2.3rem;font-weight:400;color:rgba(0,0,0,.95);font-family:"Roboto Condensed",sans-serif}.button-pro button{display:flex;align-items:center;justify-content:center;padding:5px;text-align:center;width:100px;color:#fff;border:1px solid;background:0 0;transition:all .5s cubic-bezier(.175,.885,.32,1.275)!important;border:.3px solid rgba(254,254,254,.45);border-radius:0;position:relative;z-index:2;letter-spacing:1px;opacity:1;outline:0;border:none;color:#fff;background:#212529;position:relative;text-align:center;letter-spacing:1px;font-size:1.55rem;font-weight:300;cursor:pointer;display:inline-block;text-decoration:none;font-family:'Open Sans';text-transform:uppercase;transition:all 350ms cubic-bezier(.77,0,.175,1)}.button-pro i{margin-left:.3rem;color:#5e4747;font-size:1.4rem;transition:all 350ms cubic-bezier(.77,0,.175,1)!important}.rotate{transform:rotate(180deg)}.button-pro button:hover{color:#000;border:1px solid #000;background:#fff}.button-pro button:hover i{color:#212321}.para{margin:1.5rem 0 2rem 0;display:none;transition:all 350ms cubic-bezier(.77,0,.175,1)!important}.para p{padding:1rem 1rem 2rem 1rem;font-family:"Open Sans",sans-serif;color:rgba(0,0,0,0,.89);font-size:1.4rem;font-weight:400;line-height:1.9}.para span{color:#ff8c00;font-weight:700;text-transform:capitalize}.about{padding:10rem 0 20rem 0;display:flex;flex-direction:column;align-items:center;background:url(images/nat-5-min.jpg);background-size:cover;background-position:center;position:relative}.about::after{content:'';position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.79);z-index:1}.about-heading{z-index:2}.abouts{color:#fff;font-family:"Roboto mono",monospace;font-size:3rem;font-weight:400}.visible{height:500px}.visible2{display:flex}.process{margin-top:8rem;z-index:3;width:100%}.pro{color:#fff;text-transform:uppercase;text-align:center}.rows3{display:flex;align-items:center;justify-content:center;margin-top:8rem}.column1{height:35rem;width:24%;background:#fff;display:flex;flex-direction:column;transition:all 350ms cubic-bezier(.455,.03,.515,.955)}.gradient{background:url(images/ins.jpg);background-size:cover;background-position:center;height:200px;width:100%;background-repeat:no-repeat;display:flex;align-items:center;flex-direction:column;justify-content:center;clip-path:polygon(0 0,100% 0,100% 150px,0 100%);position:relative}.gradient::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right bottom,rgba(85,197,122,.75),rgba(40,180,133,.75));filter:opacity(.55)}.b{background:url(images/des-min.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.b::after{background-image:linear-gradient(to right bottom,#2998ff,#5643fa);filter:opacity(.55)}.o{background:url(images/code-min.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.o::after{background-image:linear-gradient(to right bottom,#ffb900,#ff7730);filter:opacity(.55)}.gradient i{z-index:10;color:#fff;font-size:3rem}.gradient h1{font-family:Lato,Arial,sans-serif;font-weight:300;font-size:2.3rem;margin-top:1.8rem;color:#fff;z-index:10;text-transform:uppercase}span{color:orange}.para-about{margin-top:1.8rem;padding:1rem}.para-about p{color:rgba(0,0,0,.84);font-family:Lato,Arial,sans-serif;font-weight:400;line-height:1.7;font-size:1.6rem;word-spacing:3px}.column1:not(:last-child){margin-right:5rem}.a:hover{transform:scale(1.1)}.works{padding:13rem 0 20rem 0;display:flex;flex-direction:column;background:#eee}.works-about{display:flex;justify-content:center;position:relative}.works-about:not(:last-child){margin-bottom:16rem}.works-para{width:50%;display:flex;justify-content:center;padding:5rem}.works-para p{font-weight:400;font-family:"Open Sans",Arial,sans-serif;font-size:1.55rem;color:#000;line-height:2.5;word-spacing:2px}.works-img{width:50%;display:flex;justify-content:center}.works-img img{object-fit:cover;border:1px solid #212529;box-shadow:1px 4px 2px 2px #000}.works-img svg{height:25rem}.works-para button{padding:4px;border:none;outline:0;border-bottom:1px solid #0049b7;color:#0049b7;font-family:"Open Sans",sans-serif;font-size:1.9rem}.tin{border-bottom:1px solid #ff4c68!important;color:#ff4c68!important}.blog{border-bottom:1px solid #28b483!important;color:#28b483!important}.works-para i{margin-left:1rem}.slider{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.slides{background:#fff;width:30rem;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.slides::-webkit-scrollbar{width:10px;height:10px}.slides::-webkit-scrollbar-thumb{background:#dc143c;border-radius:10px}.slides::-webkit-scrollbar-track{background:#999}.slides>div{scroll-snap-align:start;flex-shrink:0;width:300px;height:300px;background:rgba(0,0,0,.9);transform-origin:center center;transform:scale(1);transition:transform .5s;position:relative;display:flex;flex-direction:column;color:#fff}.slide-project{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.icon-project{display:flex;flex-direction:column}.icon-project i{font-size:4.5rem;color:#ffa502}.icon-project h1{margin-top:1.8rem;color:#fff;font-size:2rem;font-weight:400;font-family:'Open Sans',Arial,Helvetica,sans-serif}.slide-para p{line-height:2;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#ccc;font-size:1.35rem;padding:0 2rem 0 1rem}.slide-button button{text-align:center;padding:4px;border:none;outline:0;margin:1.5rem 0;background:0 0;border-bottom:2px solid orange}.slide-button button a{text-decoration:none;color:#fff;font-family:"Open Sans",sans-serif;font-size:1.8rem}.author-info{background:rgba(0,0,0,.75);color:#fff;padding:.75rem;text-align:center;position:absolute;bottom:0;left:0;width:100%;margin:0}.author-info a{color:#fff}.slide-menu{margin-top:3rem}.slider .slide-menu a{display:inline-flex;width:2.8rem;height:2.8rem;background:#dc143c;text-decoration:none;align-items:center;justify-content:center;border-radius:50%;margin:0 1.8rem 2rem 0;position:relative;font-size:1.5rem}.slider .slide-menu a:active{top:0}.slider .slide-menu a:focus{background:#000}.mb h1{margin-bottom:6rem;color:#454545}#slide{display:flex;flex-direction:column}.bussiness{margin-top:10rem;display:flex;flex-direction:column;align-items:center;line-height:2.5}.bussiness h1{color:rgba(0,0,0,.9);font-size:3rem;font-weight:500;text-transform:uppercase;font-family:"Open Sans",Arial,Helvetica,sans-serif}.bussiness p{columns:#454545;font-size:1.45rem;font-family:"Open Sans",Arial,Helvetica,sans-serif}.buss-button{margin-top:1.5rem;text-align:center}.buss-button .bus{padding:5px 6px;outline:0;border:none;color:#fff;background:#337ab7;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:1.49rem;font-weight:300;text-transform:uppercase;border-radius:5px}.bus:hover{background:#2e6da4}.bus i{margin-left:1px;color:#fff}footer{padding:4rem 0;background-color:#212529;display:flex;flex-direction:column;align-items:center;color:#fff}footer p{font-size:1.8rem;word-spacing:3px;font-family:"Roboto Slab",monospace}.br{margin-top:2rem}.br{background:#fff;height:1px;width:60%}#year{color:#fff}.fa-envelope,.fab{padding:15px;font-size:20px;width:50px;text-align:center;text-decoration:none;margin:5px 10px}.fab:hover,.fas:hover{opacity:.7}.fa-envelope{background:#dc143c;color:#fff}.fa-twitter{background:#55acee;color:#fff}.fa-instagram{background:#125688;color:#fff}.social{margin-top:2rem;display:flex}.marb{margin-bottom:6rem}@media(max-width:700px){html{overflow-x:hidden}.svg1{margin-top:5rem}.svg2{margin-bottom:5rem}body{margin:0;overflow-x:hidden}header{width:100vw!important;display:flex}#vid{object-fit:cover;width:100%!important}.profile_about{height:auto}.rows{flex-direction:column}header nav{display:none;visibility:hidden}.col1:not(:last-child){margin-right:0;margin-bottom:8rem}.card{justify-content:center;width:80%}.a:hover{transform:scale(1.1)!important}.rows3{flex-direction:column}.column1{width:75%;height:40rem}.column1:not(:last-child){margin-right:0;margin-bottom:8rem}.works-about{flex-direction:column}.para-about{height:50%;display:flex;align-items:center}.works-para{width:100%;padding:1rem}.works-img{width:100%}.works-img svg{height:30rem}.works-about:not(:last-child){margin-bottom:10rem}.sp{margin-top:3rem}.mtp{margin-top:4rem}.works-img img{height:100%;width:80%}.works-img a{text-align:center}.works-para p{font-weight:400;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:1.55rem;color:#000;line-height:2.2;word-spacing:2px}.works-para i{margin-left:.5rem;transform:rotate(90deg)}.popping{display:block!important;visibility:visible!important}.spa{margin-bottom:2rem}.bussiness p{text-align:center}.dev-name{display:block!important}}@media(min-width:701px) and (max-width:1200px){.works-about{flex-direction:column}.works-para{width:100%;padding:5rem}.works-img{width:100%}.works-img svg{height:30rem}.works-about:not(:last-child){margin-bottom:10rem}.profile_about{height:85vh}.sp{margin-top:3rem}.svg1{margin-top:5rem}.svg2{margin-bottom:5rem}.mtp{margin-top:4rem}.works-img img{height:100%;width:80%}.works-img a{text-align:center}.works-para p{font-weight:400;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:1.55rem;color:#000;line-height:2.2;word-spacing:2px}.works-para i{margin-left:.5rem;transform:rotate(90deg)}.spa{margin-bottom:2rem}.bussiness p{text-align:center}.popping{display:block!important;visibility:visible!important}.card{justify-content:center;width:80%}header nav{display:none}.a:hover{transform:scale(1.1)!important}.rows3{flex-direction:column}.column1{width:30rem;height:40rem}.column1:not(:last-child){margin-right:0;margin-bottom:8rem}.dev-name{display:block!important}}.dev-name{display:none;position:absolute;top:65px;left:10%}.dev-name h1{color:#fff;font-family:'Kaushan Script',cursive;text-transform:capitalize;font-size:2rem;-webkit-animation:glow 1s ease-in-out infinite alternate;-moz-animation:glow 1s ease-in-out infinite alternate;animation:glow 1s ease-in-out infinite alternate}@-webkit-keyframes glow{from{text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #ff7730,0 0 8px #ffb900,0 0 10px #ffb900,0 0 10px #ff7730,0 0 10px #ffb900}to{text-shadow:0 0 11px #fff,0 0 13px #ffb900,0 0 15px #ff7730,0 0 16px #ff7730,0 0 18px #ff7730,0 0 20px #ffa502,0 0 20px #ffb900}}.popping{transition:all .3s cubic-bezier(.95,.05,.795,.035);position:fixed;top:10%;right:8%;z-index:400}.closenav{position:absolute;top:2%;right:10%}.closenav i{font-size:3rem;color:#fff}.popping i{transition:all .3s cubic-bezier(.95,.05,.795,.035);font-size:3rem;color:#ff4c68}.disappear{left:0!important;top:0!important}.pop{transition:all .3s cubic-bezier(.95,.05,.795,.035);position:fixed;top:-2000px;left:-2000px;height:100vh;width:100%;background:#8254ea;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.popping{display:block}.pop ul{display:flex;flex-direction:column;text-align:center;text-decoration:none;list-style:none;background:#293649}.dis{left:-2000px!important;top:-2000px!important}.pop ul li{text-decoration:none;text-align:center;padding:4rem 8rem;color:#fff;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:1.55rem;font-weight:400;position:relative;transition:all .1s cubic-bezier(.64,.57,.67,1.53);cursor:pointer}.pop ul li a{color:#fff;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:1.55rem;font-weight:400}.pop ul li:hover a{transform:translateX(-2rem)}.pop ul li:hover{background:#212e41}.pop ul li::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:1px;background:rgba(255,255,255,.8);transition:all .1s cubic-bezier(.64,.57,.67,1.53)}.pop ul li:hover::after{width:100%}.popup{transition:all .5s;opacity:0;visibility:hidden;height:100vh;width:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:3000}.popup_content{opacity:0;overflow-y:scroll;width:75%;background-color:#fff;box-shadow:0 2rem 4rem rgba(0,0,0,.2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);border-radius:5px;transition:all .5s .2s}.popup:target{opacity:1;visibility:visible}.li:link,.li:visited{font-size:40px;color:#dc143c;position:absolute;top:1rem;right:1rem;text-decoration:none;display:inline-block}.popup:target .popup_content{opacity:1;transform:translate(-50%,-50%) scale(1)}.btn{padding:8px}.btn a{text-decoration:none;text-transform:uppercase;color:#000;font-size:20px}.cover{height:auto;background-color:#000;color:#fff}.popup_content{overflow:scroll}.dev-web_skills ul{display:flex;flex-direction:column;align-items:center;margin:3rem 0;text-align:center;list-style:none}.skill-show{display:flex;flex-direction:column;line-height:3;align-items:flex-start}.dev-web_skills ul li{font-size:1.75rem;color:#000;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400}.dev-web_skills ul li i{color:#dc143c;margin-right:1rem}.preloader{display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;visibility:visible;position:fixed;height:100vh;width:100%;background:#000;z-index:10000}.loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.preloader h1{font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#fff;font-size:2.8rem;margin-top:2rem}.hide-pre{visibility:hidden;z-index:-1000}.header{position:fixed;top:0;z-index:1;width:100%;background-color:#f1f1f1}.progress-container{width:100%;height:8px;background:#fff}.progress-bar{height:8px;background:#5643fa;z-index:300;width:0%}@media (min-width:300px) and (max-height:500px) and (orientation:landscape){.popup:target .popup_content{opacity:1;transform:translate(-50%,-50%) scale(.7)}}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,.8);background:#212525;height:5rem}.popup_content::-webkit-scrollbar{width:12px}.popup_content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}.popup_content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}[data-aos=example-anim3]{opacity:0;transition-property:all}[data-aos=example-anim3].aos-animate{animation:bounceInDown;animation-duration:1s;opacity:1}[data-aos=left]{opacity:0;transition-property:all}[data-aos=left].aos-animate{animation:backInLeft;animation-duration:.5s;opacity:1}[data-aos="b"]{opacity:0;transition-property:all}[data-aos="b"].aos-animate{animation:bounce;animation-duration:.5s;opacity:1}[data-aos="r"]{opacity:0;transition-property:all}[data-aos="r"].aos-animate{animation:rubberBand;animation-duration:1.5s;opacity:1}[data-aos="o"]{opacity:0;transition-property:all}[data-aos="o"].aos-animate{animation:slideInUp;animation-duration:1s;opacity:1}[data-aos="z"]{opacity:0;transition-property:all}[data-aos="z"].aos-animate{animation:zoomInUp;animation-duration:1.5s;opacity:1}[data-aos=right]{opacity:0;transition-property:all}[data-aos=right].aos-animate{animation:fadeInRight;animation-duration:1s;opacity:1}[data-aos=up]{opacity:0;transition-property:all}[data-aos=up].aos-animate{animation:fadeInUp;animation-duration:1s;opacity:1}[data-aos=lefts]{opacity:0;transition-property:all}[data-aos=lefts].aos-animate{animation:fadeInLeft;animation-duration:1s;opacity:1}.gmail{margin-top:1.5rem}.gmail p i{background:0 0;width:0;margin-right:1.5rem}