@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,700&display=swap);html{font-size:10px;scroll-behavior:smooth}:root{--blue:#111a28;--light-blue:#1d293a;--green:#20bb45;--light-green:#20bb45;font-size:16px}*{box-sizing:border-box;color:#ccc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}.App{text-align:center}.App-header{background-color:var(--blue);color:#000;font-size:1rem;min-height:100vh;padding-bottom:40px}.AboutMe,.App-header{align-items:center;border:0 solid red;display:flex;flex-direction:column;justify-content:center}.AboutMe{background:#111a28;height:auto;width:100vw}.HeadingAboutMe{height:100px;justify-content:center;margin-bottom:40px;width:100vw}.HeadingAboutMe,.MainAboutMe{align-items:center;border:0 solid red;display:flex}.MainAboutMe{flex-direction:column;height:auto;width:max(80vw,100vmin)}.imgAboutMe{background:url(/portfolio/static/media/myPhoto.12954a657258b21524e1.webp);background-size:cover;border:1px solid #fff;border-radius:6px;display:flex;-webkit-filter:grayscale(100%);filter:grayscale(100%);flex-shrink:0;margin:auto;min-height:250px;min-width:250px;transition-duration:.5s}.imgAboutMe:hover{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.1);transform:scale(1.1)}.textAboutMe{word-wrap:break-word;border:0 solid #fff;color:#fff;font-size:1.2rem;font-weight:300;height:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:1.55;margin:50px auto 0;overflow-wrap:break-word;text-align:center;width:max(90vmin,80vw)}.btnDivAboutMe{align-items:center;border:0 solid #fff;display:flex;flex-wrap:wrap;justify-content:center;margin:7vh auto;min-height:60px;width:100vmin}.btnDivAboutMe>button{margin:10px}@media only screen and (max-width:500px){#imgAboutMe{min-height:150px;min-width:150px}.textAboutMe{font-size:1rem}}.followDiv{align-items:center;display:flex;font-weight:700;height:60px;justify-content:center;margin:0 auto;min-width:80%;padding:0}.decoDiv{background:#fff;border-radius:2.5px;height:5px;position:relative;width:25%}.decoMid{align-items:center;background:#1d293a;border-radius:8px;box-shadow:4px 4px 5px hsla(0,0%,100%,.15),-4px 4px 5px hsla(0,0%,100%,.15);color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;min-width:20%;padding:0 6px;width:auto;z-index:2}.decoLeft{left:3px}.decoRight{right:3px}.greenOne{background:var(--green);border:2px solid var(--green);border-radius:6px;color:#fff;font-size:1.2rem;font-weight:500;height:50px;margin-top:10px;min-width:100px;padding:12px;transition:color .3s;width:auto}@media only screen and (max-width:768px){.greenOne{font-size:1rem}}.greenOne:hover{color:var(--blue)}.nobg{background:transparent;border:2px solid #20bb45;border-radius:6px;color:#fff;font-size:1.2rem;font-weight:500;height:50px;margin-top:10px;min-width:100px;padding:12px;width:auto}@media only screen and (max-width:768px){.nobg{font-size:1rem}}.nobg:hover{color:var(--green)}.introDiv{border:0 solid red;flex-direction:column;font-family:Ubuntu,sans-serif;min-height:100vmin;overflow:hidden;padding-top:65px;width:100vw}.introDiv,.introDiv>div>*{align-items:center;display:flex;justify-content:center}.introDiv>div>*{flex-direction:row;font-weight:700;margin:0;padding:0}.introDiv>div{align-items:center;border:0 solid red;flex-direction:column;margin:15px auto 0;width:100vw}.helloDiv,.introDiv>div{display:flex;justify-content:center}.helloDiv{align-items:flex-end;color:var(--green);font-size:1.1rem;font-weight:300;min-height:20px}.name{align-items:flex-start;color:#fff;display:flex;font-size:3.2rem;height:auto;justify-content:center;width:100%}.job,.name{font-weight:700}.job{color:var(--green);font-size:1.8rem;height:40px}.list{color:#fff;font-size:1.2rem;font-weight:400;height:auto;list-style:none;max-width:100%}.list>li{margin:0 10px}#btnDiv,.btnDiv{align-items:center;border:0 solid red;display:flex;flex-direction:row;flex-wrap:wrap;height:auto;justify-content:center;margin-top:40px;min-height:60px;width:100%}.btnDiv>button{margin:5px 20px;padding:12px}@media only screen and (max-width:600px){.name{font-size:2rem}.job{font-size:1.1rem}.list{font-size:.9rem}#list{flex-direction:column}}.followIcons{align-items:center;display:flex;height:auto;justify-content:center;min-width:60%;width:auto}.linkdin{background:url(/portfolio/static/media/linkedin.092116303172f9668b9c.svg)}.instagram{background:url(/portfolio/static/media/instagram.5377a69af6808c3caf41.svg)}.twitter{background:url(/portfolio/static/media/twitter.68b62d16a9639df43a73.svg)}.github{background:url(/portfolio/static/media/github.4cd3a2bc790226c346ae.svg)}.telegram{background:url(/portfolio/static/media/telegram.39173e90c5023260def7.svg)}.link{background:url(/portfolio/static/media/link.097e7740e73bb0fd4e89.svg)}.socialIcons{background-repeat:no-repeat;background-size:cover;border:0 solid;-webkit-filter:invert(1);filter:invert(1);height:40px;margin:10px;width:40px}@media screen and (max-width:800px){.socialIcons{height:30px;width:30px}}@media screen and (max-width:400px){.socialIcons{height:25px;width:25px}}.ham{-webkit-tap-highlight-color:transparent;cursor:pointer;height:50px;position:absolute;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:auto;z-index:3}.hamRotate.active{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamRotate180.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.line{fill:none;stroke:#000;stroke-width:5.5;stroke-linecap:round;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.ham7 .top{stroke-dasharray:40 82}.ham7 .middle{stroke-dasharray:40 111}.ham7 .bottom{stroke-dasharray:40 161}.ham7.active .top{stroke-dasharray:17 82;stroke-dashoffset:-62px}.ham7.active .middle{stroke-dashoffset:23px}.ham7.active .bottom{stroke-dashoffset:-83px}.hamDiv{background:#20bb45;border:0 red;border-radius:5px;height:50px;left:20px;position:relative;width:50px}.hamDiv,.sideBar{align-items:center;display:flex;justify-content:center}.sideBar{background:#1d293a;color:#fff;flex-direction:column;height:auto;left:0;max-height:calc(100vh - 75px);overflow:hidden;overflow-y:scroll;position:absolute;top:65px;transition:.3s;width:100vw;z-index:0}.wrapperNav{border:0 solid;transition:.3s;width:100%}.hidden{height:0}.visible{height:auto}.grid{align-content:center;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:15px;margin:20px auto;min-height:100px;width:100%}.grid,.gridElem{display:flex;height:auto;justify-content:center}.gridElem{align-items:center;background-color:var(--blue);border:0 solid var(--green);border-radius:8px;font-size:1.2rem;min-height:40px;min-width:80px;padding:10px;width:auto}.item{border-width:2px 0}.item:hover{background-color:var(--light-green);color:var(--light-blue)}.heading{background-color:var(--blue);border-width:2px 0;font-weight:800;margin:auto 10%;min-width:80%}.img{border-radius:50%;height:20px;margin-right:5px;overflow:hidden;width:20px}.img img{height:100%;margin:1px;width:100%}.hidden{display:none}@media screen and (min-width:800px){.item{min-height:50px;min-width:100px}.img{height:30px;width:30px}}.navBar{align-items:center;background-color:var(--light-blue);display:flex;height:75px;justify-content:space-between;padding:10px;position:fixed;top:0;transition:top .3s;width:100vw;z-index:3}.navbar-hidden{top:-75px}.navBar>.grid{margin:0 10px 0 0;min-height:0;padding:0;width:auto}.navBar>.grid *{color:#fff}.navBar>.grid>.gridElem .img{-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%);margin:0}.ContactMe{background:#111a28;display:flex;flex-direction:column;height:auto;padding-top:30px;width:100vw}.MainContactMe{border:0 solid red;height:auto;width:100vw}.HeadingContactMe{border:0 solid red;height:10vh;width:100vw}.formMain,.HeadingContactMe{align-items:center;display:flex;justify-content:center}.formMain{border:2px solid;border-radius:8px;height:auto;margin:30px auto 0;max-width:600px;padding:25px;width:95%}.formMain,form{flex-direction:column}form{align-items:center;display:flex;justify-content:center;width:100%}.input{background:hsla(0,0%,100%,.1);border:2px solid #20bb45;border-radius:8px;color:#fff;display:block;font-size:1.2rem;height:auto;margin-top:15px;min-height:55px;min-width:150px;text-align:center;width:90%}.message{align-items:center;display:flex;height:auto;justify-content:center;margin-bottom:0;min-height:100px;overflow-wrap:break-word;word-break:break-word}.message:empty:before{color:grey}div[data-placeholder]:not([data-placeholder=""]):empty:before{content:attr(data-placeholder)}.message:empty:before{content:"fallback placeholder"}.error{color:red;height:auto;min-width:150px;text-align:right;width:90%}.contactDetails{border:0 solid #fff;border-radius:6px;margin:20px auto;max-width:600px;width:95%}.btnDivContactMe{align-items:center;border:0 solid #fff;display:flex;flex-wrap:wrap;justify-content:center;margin:30px auto;max-width:90%;min-height:60px;width:auto}.btnDivContactMe>button{margin:10px}.MySkills{background:#111a28;border:0 solid #fff;flex-direction:column;height:auto;overflow:hidden;position:relative}.HeadingMySkills,.MySkills{align-items:center;display:flex;justify-content:center;width:100vw}.HeadingMySkills{border:0 solid red;height:100px;margin:20px auto 0}.btnDivMySkills{align-items:center;border:0 solid green;display:flex;flex-wrap:wrap;height:auto;justify-content:center;margin:30px auto;min-height:60px;width:100%}.btnDivMySkills>button{margin:5px 20px}.MainMySkills{align-items:center;border:0 solid orange;display:flex;flex-direction:column;height:auto;justify-content:center;overflow:auto;padding-bottom:0;width:100vw}.skillList{border:0 solid cyan}.SkillMain{border:0 solid red;color:#fff;position:relative}.skillInfo{align-items:center;background:#1d293a;border:0 solid #fff;border-radius:10px 10px 0 0;display:flex;font-size:1rem;justify-content:space-between;margin-top:20px;min-height:90px;width:90vw}.skillInfo>*{margin:20px}@media screen and (max-width:500px){.skillInfo{font-size:.8rem}}@-webkit-keyframes bounce{50%{top:-4px}to{top:0}}@keyframes bounce{50%{top:-4px}to{top:0}}.SkillMain:hover{-webkit-animation:bounce;animation:bounce;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.progressBar{background-color:red;border:0 solid red;height:20px;width:100%}progress[value]::-webkit-progress-bar{background-color:#1d293a;box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}progress::-webkit-progress-value{background:#20bb45;border-radius:10px;float:left;height:15px;margin:0;padding-left:10px}.progressDiv{border:0 solid red;bottom:0;position:absolute;width:100%}@media screen and (max-width:500px){.progressBar{height:10px}}.projects{background:var(--blue);min-height:200px}.projects,.projectsMain{border:0 solid red;height:auto;width:100vw}.projectsMain{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.projectWrapper{background:var(--light-blue);border:0 solid green;border-radius:0 0 0 0;height:auto;margin:20px auto 0;max-width:600px;min-height:150px;padding:8px;text-align:left;width:95%}.projectInfo{display:flex;flex-direction:column;height:auto;justify-content:space-around}.projectInfo>h1{align-items:center;border:0 solid green;display:flex;font-size:1.6rem;font-weight:300;justify-content:flex-start;margin:auto 5px;max-width:95%;min-height:50px}.projectInfo>p{font-size:1rem;font-weight:400;height:auto;line-height:130%;margin:auto 5px;max-width:95%;padding:5px 0}.projectLinks,.projectLinks>div{border:0 solid green;height:40px}.projectLinks>div{justify-content:flex-start;width:auto}.projectTools{font-weight:300;height:auto;margin-top:5px;min-height:25px}.projectTools>ul>li{display:inline-block;margin:0 5px;text-transform:capitalize}.projectImg{-webkit-filter:grayscale(100%);filter:grayscale(100%);transition-duration:.5s;width:100%}.projectImg:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.footerMain{align-items:center;background:var(--light-blue);display:flex;flex-direction:column;height:auto;justify-content:space-around;min-height:60px;width:100%}.footerMain>h3{color:var(--green);font-size:1.5rem}.footerMain>p{-webkit-font-feature-settings:"smcp","c2sc";font-feature-settings:"smcp","c2sc";color:var(--green);font-size:1rem;font-variant-caps:all-small-caps}@media only screen and (max-width:600px){.footerMain>h3{font-size:1.1rem}.footerMain>p{font-size:.8rem}}
/*# sourceMappingURL=main.315939cb.css.map*/