body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282c34;height:100vh;width:100vw}body{background-image:url("/Portfolio/static/media/peakpx%20(16).27a452120ea9b5ec6082.jpg");color:#fff;height:100%;margin:0;padding:0;width:100%}.Resume{margin-top:20px;text-align:center}.MyCertificate{margin-left:50px}.TextResume{margin-top:50px}.TextResume,.TextResume-2{margin-left:5%;margin-right:5%}.TextResume-2{margin-top:10px}.key-skills{color:#d33b3b;display:flex;font-size:40px;justify-content:center;text-align:center}.skills-container{margin-left:5%;margin-top:20px}.Certificates{height:auto;margin:0 5px;max-height:100vh;max-width:100%}.certificate-container{display:flex;justify-content:center}@media only screen and (max-width:1399px){.Resume{margin-top:100px}}.CardPortfolio ul{display:flex;flex-wrap:wrap;justify-content:space-around}.EachCard{height:340px;margin:10px;min-width:345px;overflow:hidden;position:relative}.EachCard:hover .EchCardImage{-webkit-transform:scale(1.2);transform:scale(1.2)}.EchCardImage{background-size:cover;transition:all 1.1s}.MyProjectHeader{margin-left:10px;margin-top:5px}.buttonProject{cursor:pointer;width:100px}@media only screen and (max-width:1399px){.MyProjectHeader{margin-top:100px}}@media (max-width:1000px){.EachCard{height:auto;height:320px;max-width:100%}}@media (max-width:420px){.EachCard{height:320px;width:auto}}.NaviBar{align-items:center;background-color:#333;background:#020024;background:linear-gradient(90deg,#000007 10%,rgba(255,0,78,.538));display:flex;height:70px;justify-content:space-between;margin-top:5px;width:100%;z-index:50}.logo-btn{background:transparent;border:none;cursor:pointer}.NavBar_el{color:#fff;float:left;list-style-type:none;margin-bottom:5px;margin-right:30px;padding-top:5px}.NavBar-item{position:relative;text-decoration:none}.NavBar-item:before{background:#ccc;content:"";height:3px;left:0;position:absolute;top:100%;transition:.5s;width:0}.envelope-logo-main{font-size:20px;margin-right:5px}.menuBtn{align-items:center;background-color:initial;border:none;display:flex;font-size:larger;justify-content:center;position:relative}.menuBtn,.x-button-menu{color:#fff;cursor:pointer}.x-button-menu{position:absolute;right:10px;top:5px}.flexbox-conatiner1{display:flex;flex-basis:5%;font-size:25px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.flexbox-conatiner2{flex-basis:75%}.flexbox-conatiner2,.flexbox-conatiner3{display:flex;font-size:25px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.flexbox-conatiner3{flex-basis:20%}.flexbox-conatiner2 button{background-color:initial;border:none;font-size:24px}.MailMe{align-items:center;display:flex;justify-content:flex-end}.MailMe button{background-color:initial;border-color:transparent;color:#fff;cursor:pointer;font-size:16px}.underline{background:#767676;border-bottom:1px solid #d43535;border-radius:3px;height:5px;left:0;overflow:hidden;position:absolute;top:65px;width:100%}.underline span{-webkit-animation:moving 10s linear infinite;animation:moving 10s linear infinite;background:#fff;border-radius:10px;box-shadow:0 0 10px 5px #48abe0,0 0 20px 7px #ebecca,0 0 25px 20px #3b0303,0 0 30px 25px #940e0e;height:100%;left:10px;position:absolute;top:0;width:10px}@-webkit-keyframes moving{0%{left:-20px}to{left:100%}}@keyframes moving{0%{left:-20px}to{left:100%}}.btn-icon{align-items:center;color:#fff;justify-content:center}@media only screen and (max-width:1399px){.menu-overlay{background-color:rgba(0,0,0,.9);height:100%;left:-100%;position:fixed;top:0;transition:left .5s ease-in-out;width:250px;z-index:100}.menu-overlay.show{left:0}.menu-overlay.hide{left:-100%}.menu-list{list-style:none;padding:50px 20px}.menu-list li{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px);transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.menu-list .slide-in{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.menuBtn{background-color:initial;font-size:larger}.menuBtn,.x-button-menu{border:none;color:#fff;cursor:pointer}.x-button-menu{background:none;font-size:20px;position:absolute;right:10px;top:10px}nav ul{display:flex;flex-direction:column}.envelope-logo-main{font-size:30px;margin-right:5px}.email-name{display:none}.logo-btn{cursor:pointer;margin-left:-40px;margin-top:-35px;position:absolute}}@media (min-width:1400px){.menuBtn,.x-button-menu{display:none}}@media (max-width:420px){.logo-btn{background:transparent;border:none}.flexbox-conatiner2{display:flex;flex-basis:80%;justify-content:center}.flexbox-conatiner2,.flexbox-conatiner3{font-size:25px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.flexbox-conatiner3{flex-basis:10%}.logo-btn{cursor:pointer;margin-left:-70px;margin-top:-35px;position:absolute}.email-name{display:none}.envelope-logo-main{margin-top:-15px;position:absolute}.menuBtn{cursor:pointer;display:flex;justify-content:center;justify-items:center}}.itemBox1,.itemBox2{padding:30px}.itemBox2{font-size:25px}.ImageOfMe{width:93%;z-index:10}.ImageOfMe,.box{border-radius:50%;position:absolute}.box{align-items:center;background:rgba(0,0,0,.75);display:flex;height:450px;justify-content:center;overflow:hidden;width:450px}.box:before{background-image:conic-gradient(transparent,transparent,transparent,#ccc);height:700px}.box:after,.box:before{-webkit-animation:animate 4s linear infinite;animation:animate 4s linear infinite;content:"";position:absolute;width:500px}.box:after{-webkit-animation-delay:-2s;animation-delay:-2s;background-image:conic-gradient(transparent,transparent,transparent,#d43535);height:500px}@-webkit-keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.box span{background:#0c1022;border-radius:50%;inset:5px;position:absolute;z-index:1}.Header1{-webkit-animation:backcolor 5s linear infinite alternate;animation:backcolor 5s linear infinite alternate;-webkit-background-clip:text;background-image:linear-gradient(#fff,#fff);background-position:-1300px 0;background-repeat:no-repeat;color:transparent;margin-left:32%;margin-top:10px}@-webkit-keyframes backcolor{to{background-position:0 0}}@keyframes backcolor{to{background-position:0 0}}.Header2{-webkit-animation:backcolor 5s linear infinite alternate;animation:backcolor 5s linear infinite alternate;-webkit-background-clip:text;background-image:linear-gradient(#fff,#fff);background-position:-1900px 0;background-repeat:no-repeat;color:transparent}.Header2,.Header3,.HeaderAboutMe{margin-left:32%}.HeaderAboutMe{margin-right:40px;margin-top:80px}.MyStory{margin:120px 40px 100px 20%}.PortfolioBtn{border-radius:15px;margin-left:35em}.Portfol{border-radius:20px;cursor:pointer;font-size:15px;margin-right:5px;padding:10px}.MyStory{justify-content:center;text-align:center}.HeadingMySTory{margin-top:70px}.MyStoryText{margin-top:20px}.form h3{color:#555;margin-bottom:15px}.form input,.form textarea{background:#f5f5f5;border:0;font-size:16px;margin:10px 0;outline:none;padding:20px}@media only screen and (max-width:1399px){.container-boxes{width:100%}.box{margin-top:100px}.itemBox1{flex-basis:0%}.itemBox1,.itemBox2{font-size:25px;padding:30px}.itemBox2{flex-basis:100%}}@media (max-width:1000px){.box{align-items:center;display:flex;height:150px;justify-content:center;overflow:hidden;width:150px}.ImageOfMe,.box{border-radius:50%;position:absolute}.ImageOfMe{margin-top:3px;z-index:10}.aboutMe-home{display:flex;justify-content:center}.HeaderAboutMe{font-size:35px;justify-content:center;margin-bottom:30px;margin-top:80px}.PortfolioBtn{border-radius:15px;margin-left:0}.Portfol{border-radius:20px;cursor:pointer;font-size:25px;margin-right:250px;padding:10px}.PortfolioBtn{display:flex;justify-content:flex-end}.myStory-home{display:flex;justify-content:center}.MyStory{font-size:35px;margin-bottom:30px;text-align:center}.headingMyStory-home{display:flex;justify-content:center}.HeadingMySTory{font-size:40px;margin-bottom:30px;margin-top:20px;text-decoration:underline}.MyStoryText{font-size:35px}}@media (max-width:420px){.Header1{background-position:-640px 0;font-size:25px;margin-left:5px}.Header1,.Header2{-webkit-animation:backcolor 5s linear infinite alternate;animation:backcolor 5s linear infinite alternate;-webkit-background-clip:text;background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;color:transparent}.Header2{background-position:-650px 0;font-size:15px;margin-left:150px}.Header3{font-size:25px;margin-left:52%;margin-top:20px}.aboutMe-home .HeaderAboutMe{display:flex;width:-webkit-max-content;width:max-content;width:100%}.HeaderAboutMe{font-size:20px;justify-content:center;margin-left:5%;margin-right:5%;margin-top:20px;width:100%}.Portfol{border-radius:20px;cursor:pointer;font-size:10px;padding:10px;width:100px}.itemBox2 .PortfolioBtn{display:flex;justify-content:center}.MyStoryText{font-size:20px;margin-left:-15%;margin-right:-15%}.HeadingMySTory{font-size:25px;margin-top:-70px}.MyStory{font-size:20px;text-align:center}}.flex-container-2{display:flex;justify-content:space-around}.ContainerTwo{margin-bottom:20px}.tick{margin-right:5px}@media (max-width:1000px){.flex-container-2{display:flex;flex-direction:column;justify-content:center}.item-1{margin-bottom:100px;text-align:center}.ContainerTwo{font-size:40px;margin-top:20px;text-align:center;text-decoration:underline}.item-1 p{font-size:35px}.item-2{margin-top:50px}.ContainerSkills{font-size:40px;margin-bottom:30px;margin-top:20px;text-align:center;text-decoration:underline}.ContainerText{font-size:35px;text-align:center}}@media only screen and (max-width:420px){.animation-block,.animation-block2{flex-basis:100%}.flex-container-2{display:flex;flex-direction:column;justify-content:center}.ContainerSkills,.ContainerTwo{font-size:25px}.ContainerText p,.animation-block p,.eachLineTick .tick{font-size:20px}.ContainerSkills{margin-bottom:-10px;margin-top:-30px}}footer{background:linear-gradient(90deg,#000 20%,rgba(255,0,78,.538));border-top-right-radius:125px;color:#fff;font-size:13px;line-height:20px;padding:100px 0 30px;width:100%}.row{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;width:85%}.col{flex-basis:25%;padding:10px}#logo-footer{margin-top:-70px}.container-office{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.info-office-container{margin-left:10px}.flip-location{margin-top:20px}.flip-envelope{margin-top:50px}.shake-phone{margin-top:20px}.col-left-flexbox-img{flex-basis:20%}.col:nth-child(2),.col:nth-child(3){flex-basis:15%}.office-heading{margin-left:15px}.col h3{margin-bottom:40px;position:relative}.col h3,.email-id{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.email-id{border-bottom:1px solid #ccc;margin:20px 0}.footer-links:hover{color:#ccc;transition:all .275s ease-in}ul li{list-style:none;margin-bottom:12px}ul li a{color:#fff;text-decoration:none}.logo{height:80px;margin-bottom:30px;width:80px}.envelope-footer{font-size:20px;margin-right:10px}.emailForm{align-items:center;border-bottom:1px solid #ccc;display:flex;margin-bottom:50px;padding-bottom:15px}.emailForm input{outline:none;width:100%}.emailForm button,.emailForm input{background:transparent;border:0;color:#ccc}.emailForm button{cursor:pointer;font-size:20px}.social-icons{display:flex}.btn-icon{background-color:initial;border:none}.btn-icon :hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.single-icon{border-radius:50%;color:#ccc;cursor:pointer;font-size:20px;height:40px;line-height:40px;margin-right:15px;text-align:center;width:40px}hr{border:0;border-bottom:1px solid #ccc;margin:20px auto;width:90%}.copyright{text-align:center}#logo-footer{display:block}#logo1-footer{display:none}@media (max-width:1000px){.col,.col:nth-child(2),.col:nth-child(3){flex-basis:100%}.links-header{margin-top:50px}#logo-footer{display:none}#logo1-footer{display:block}}.popUp{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(0,0,0,.2);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:15}.popUp-inner{background-color:#d43535;border-radius:10px;max-width:400px;padding:32px;position:absolute;width:100%}.popUp-inner .close-btn{color:#000;position:absolute;right:16px;top:16px}.form{border-radius:10px;color:#000;height:630px}.popUp .popUp-inner .form button{background-color:#ff5361;border:0;border-radius:10px;color:#fff;font-size:16px;margin-left:220px;outline:none;padding:8px 15px;position:absolute;width:80px}.popUp .popUp-inner .form .inputField{width:300px}.popUp .popUp-inner .form .inputFieldEmail{height:200px;width:300px}.inputBox{position:relative}.inputBox input,.inputBox textarea{background:#d43535;border:1px solid #fff;border-radius:5px;color:#fff;font-size:1em;outline:none;padding:10px;width:100%}.inputBox span{color:#584848;font-size:1em;left:0;padding:10px;pointer-events:none;position:absolute;top:8px;transition:.5s}.inputBox input:focus~span,.inputBox input:valid~span{background:#d43535;border-left:1px solid #fff;border-right:1px solid #fff;color:#000;font-size:.65em;letter-spacing:.2em;padding:0 10px;-webkit-transform:translateX(10px) translateY(-7px);transform:translateX(10px) translateY(-7px)}.inputBox textarea:focus~span,.inputBox textarea:valid~span{background:#d43535;border-left:1px solid #fff;border-right:1px solid #fff;color:#000;font-size:.65em;letter-spacing:.2em;padding:0 10px;-webkit-transform:translateX(10px) translateY(-7px);transform:translateX(10px) translateY(-7px)}*{box-sizing:border-box;font-family:Anton,sans-serif;margin:0;padding:0}:root{--mainColorLight:#5767aa;--secondaryColor:#db2839;--textColor:#eee}header{align-items:center;background-color:var(--mainColor);display:flex;height:80px;padding:0 3rem}header,header a{color:#eee;color:var(--textColor)}header a{margin:0 2rem;text-decoration:none}nav a:hover{color:#db2839;color:var(--secondaryColor)}
/*# sourceMappingURL=main.cdafd11a.css.map*/