.App .sidebar{width:16%;height:100vh;background-color:#191d2b;position:fixed;z-index:11;border-right:1px solid #2e344e;transition:all .4s ease-in-out}@media screen and (max-width:1000px){.App .sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%);width:25%}}@media screen and (max-width:520px){.App .sidebar{width:50%}}@media screen and (max-width:1000px){.App .nav-toggle{-webkit-transform:translateX(0);transform:translateX(0)}}.App .main-content{width:84%;margin-left:16%;background-color:#10121b;min-height:100vh;background-image:url(/static/media/dots.9978678b.svg);display:grid;position:relative}.App .main-content .content{margin:5rem 15rem}@media screen and (max-width:1000px){.App .main-content{margin-left:0;width:100%}.App .main-content .content{margin:3rem 8rem}}@media screen and (max-width:520px){.App .main-content .content{margin:1rem 4rem}}.nav-btn{position:fixed;display:none;background-color:#037fff;padding:2.4rem;border-radius:100%;z-index:10;right:10%;top:5%;width:3.3rem;height:3.3rem;align-items:center;justify-content:space-between;cursor:pointer}.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{position:absolute;top:50%;left:50%;height:.3rem;width:50%;background-color:#fff;pointer-events:none;display:none;border-radius:20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.nav-btn .lines-1:not(:last-child),.nav-btn .lines-2:not(:last-child),.nav-btn .lines-3:not(:last-child){margin-bottom:.5rem}.nav-btn .lines-1{top:35%}.nav-btn .lines-3{top:65%}@media screen and (max-width:1000px){.nav-btn,.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{display:block}}.not-found{display:flex;flex-direction:column;align-items:center;text-align:center}.not-found h1{margin:2rem 0}.NavBar{height:100vh}.NavBar .nav{display:flex;height:100%;flex-direction:column;justify-content:space-between;align-items:center}.NavBar .nav .profile{width:100%;text-align:center;margin-top:1rem;border-bottom:1px solid #2e344e}.NavBar .nav .profile img{width:70%;border-radius:100%;border:5px solid #2e344e;margin-bottom:1rem}.NavBar .nav .nav-items{width:100%}.NavBar .nav .nav-items .nav-item{list-style:none;text-align:center}.NavBar .nav .nav-items .nav-item a{text-decoration:none;font-size:inherit;color:inherit;display:block;padding:.5rem 0;position:relative}.NavBar .nav .nav-items .nav-item a:before{content:"";position:absolute;top:0;left:0;width:.4rem;height:100%;background-color:rgba(3,129,255,.2);-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);overflow-x:hidden;transition:width .2s cubic-bezier(1,-.16,.6,1.35) .3s,-webkit-transform .4s;transition:transform .4s,width .2s cubic-bezier(1,-.16,.6,1.35) .3s;transition:transform .4s,width .2s cubic-bezier(1,-.16,.6,1.35) .3s,-webkit-transform .4s}.NavBar .nav .nav-items .nav-item a:hover:before{-webkit-transform:scale(1);transform:scale(1);width:100%}.NavBar .nav .nav-items .nav-item a.active{background-color:#037fff;font-weight:700;color:#fff}.NavBar .nav .footer{width:100%;border-top:1px solid #2e344e}.NavBar .nav .footer p{text-align:center;padding:1.2rem 0}.HomePage{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.hero-text{color:#fff;text-align:center;font-size:3.6rem}.hero-text span{color:#037fff}.h-sub-text{text-align:center}.icons{display:flex;align-items:center;justify-content:center;padding:1.5rem 0}.icons .icon-holder{margin-right:1rem}.icons .icon-holder .icon{font-size:2.3rem;color:#a4acc4;transition:all .3s ease-in-out}.icons .icon-holder .gl:hover{color:orange}.icons .icon-holder .gh:hover{color:#f5f5f5}.icons .icon-holder .in:hover{color:#2c5fbe}.Title{text-transform:uppercase;font-size:2rem;color:#fff;position:relative;padding-bottom:1rem;letter-spacing:3px}.Title:before{background-color:rgba(3,129,255,.34901960784313724);width:6rem}.Title:after,.Title:before{content:"";bottom:0;position:absolute;left:0;height:.4rem;border-radius:50px}.Title:after{background-color:#037fff;width:3rem;transition:all .3s ease-in-out}.Title:hover:after{width:6rem}.Title span{position:absolute;top:15%;left:0;font-size:5rem;opacity:.07}@media screen and (max-width:500px){.Title span{font-size:3rem}}.ImageSection{display:flex;margin-top:4rem;margin-bottom:4rem}.ImageSection .img{width:100%;height:70vh}@media screen and (max-width:1400px){.ImageSection .img{height:55vh}}@media screen and (max-width:550px){.ImageSection .img{height:40vh}}.ImageSection .img img{width:auto;object-fit:cover;height:100%}.ImageSection .about-info{margin-left:2rem}.ImageSection .about-info h4{font-size:2rem}.ImageSection .about-info .about-text{padding:1rem 0}@media screen and (max-width:1400px){.ImageSection{flex-direction:column}.ImageSection .about-info{margin-left:0;margin-top:1rem}}.about-details{display:grid;grid-template-columns:.6fr 1.4fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-gap:5px 5px;gap:5px 5px}.btn{padding:1rem 2rem;background-color:#037fff;outline:none;border:none;font-family:inherit;font-size:inherit;color:#fff;text-transform:uppercase;cursor:pointer;letter-spacing:2px;margin-top:1rem;position:relative}.btn:after{position:absolute;content:"";width:0;height:.3rem;left:0;bottom:0;background-color:#a4acc4;transition:all .4s ease-in-out}.btn:hover:after{width:100%}.skillsContainer{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem;grid-row-gap:3rem;row-gap:3rem;margin:4rem 0}@media screen and (max-width:900px){.skillsContainer{grid-template-columns:repeat(1,1fr)}}.CvButton{display:flex;justify-content:center}.SkillsSection .skills-container .skill-title{font-size:1.4rem;font-weight:400}.SkillsSection .skills-container .skill-bar{display:flex;align-items:center}.SkillsSection .skills-container .skill-bar .skill-progress{width:100%}.SkillsSection .skills-container .skill-bar .skill-progress .progress{width:100%;height:.5rem;background-color:red;margin-left:1rem;background-color:rgba(3,129,255,.24705882352941178);position:relative}.SkillsSection .skills-container .skill-bar .skill-progress .progress .inner-progress{position:absolute;background-color:#037fff;height:100%;bottom:0;left:0}.ResumePage .inner-layout .small-title{margin-top:3rem;display:flex;align-items:center;padding-bottom:3rem}.ResumePage .inner-layout .small-title .small-icon{padding-right:1rem;font-size:3rem}.ResumePage .inner-layout .small-title .small{color:#fff;font-size:2rem}.ResumePage .inner-layout .resume-content{border-left:2px solid rgba(126,132,150,.3)}.ResumePage .inner-layout .resume-content .resume-item{display:flex}.ResumePage .inner-layout .resume-content .resume-item:not(:last-child){padding-bottom:3rem}.ResumePage .inner-layout .resume-content .resume-item .left-content{width:20%;padding-left:20px;position:relative;flex-shrink:0}.ResumePage .inner-layout .resume-content .resume-item .left-content:before{content:"";position:absolute;left:-10px;top:5px;height:15px;width:15px;border-radius:50%;border:2px solid rgba(126,132,150,.3);background-color:#10121b}.ResumePage .inner-layout .resume-content .resume-item .left-content p{display:inline-block;font-size:1rem}@media screen and (max-width:800px){.ResumePage .inner-layout .resume-content .resume-item .left-content{width:30%}}.ResumePage .inner-layout .resume-content .resume-item .right-content{padding-left:5rem;position:relative}.ResumePage .inner-layout .resume-content .resume-item .right-content:before{content:"";position:absolute;left:0;top:15px;height:2px;width:3rem;background-color:rgba(126,132,150,.3)}@media screen and (max-width:800px){.ResumePage .inner-layout .resume-content .resume-item .right-content:before{display:none}}.ResumePage .inner-layout .resume-content .resume-item .right-content h5{color:#037fff;font-size:1.5rem;padding-bottom:.3rem}.ResumePage .inner-layout .resume-content .resume-item .right-content h6{padding-bottom:.5rem;font-size:1.2rem}@media screen and (max-width:800px){.ResumePage .inner-layout .resume-content .resume-item .right-content{padding-left:2rem}}.portfolios{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:2rem;row-gap:2rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;width:100%}@media screen and (max-width:1400px){.portfolios{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:720px){.portfolios{grid-template-columns:repeat(1,1fr)}}.portfolios .portfolio .image-data{position:relative}.portfolios .portfolio .image-data:before{content:"";position:absolute;top:12px;left:15px;height:calc(100% - 30px);width:calc(100% - 30px);background-color:hsla(0,0%,100%,.925);-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio .image-data:hover:before{-webkit-transform:scale(1);transform:scale(1)}.portfolios .portfolio .image-data img{width:100%;height:30vh;object-fit:cover}@media screen and (max-width:400px){.portfolios .portfolio .image-data img{height:15vh}}.portfolios .portfolio .image-data .hover-items{list-style:none;width:-webkit-max-content;width:max-content;position:absolute;top:70%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:1rem 2rem;opacity:0;z-index:-1}.portfolios .portfolio .image-data .hover-items li a{padding:.75rem 1rem;text-decoration:none;font-family:inherit;border-radius:10px;background-color:#037fff;color:#fff}.portfolios .portfolio .image-data .hover-items li a:not(:last-child){margin-right:1rem}.portfolios .portfolio .image-data:hover .hover-items{transition:all .5s ease-in-out .25s;opacity:1;top:50%;z-index:1}.portfolios .portfolio .image-data:hover .hover-items .icon{color:#fff}.portfolios .portfolio a{text-decoration:none}.portfolios .portfolio a h5{font-size:1.7rem;font-weight:400;color:#fff;transition:all .3s ease-in-out}.portfolios .portfolio a h5:hover{color:#037fff;cursor:pointer}.btn-port{padding:.5rem 2rem;background-color:rgba(3,129,255,.3568627450980392);border:none;outline:none;cursor:pointer;font-size:inherit;font-family:inherit;color:#fff;margin-bottom:1rem;transition:all .3s ease-in-out}.btn-port:not(:last-child){margin-right:1rem}.btn-port:focus,.btn-port:hover{background-color:#037fff}@media screen and (max-width:1400px){.btn-port{padding:.3rem 1.4rem}}@media screen and (max-width:720px){.btn-port{padding:.2rem .5rem}}.btn-active{background-color:#037fff}.buttons{display:flex;justify-content:center;align-items:center;margin:4rem 10rem;flex-wrap:wrap}@media screen and (max-width:1400px){.buttons{margin:2rem 5rem}}@media screen and (max-width:720px){.buttons{margin:1rem 2rem}}@media screen and (max-width:400px){.buttons{display:none}}.ContactPage{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:6rem}@media screen and (max-width:1650px){.ContactPage{grid-template-columns:repeat(1,1fr)}.ContactPage .map-sect{width:100%;height:50vh;margin-bottom:1rem}}@media screen and (max-width:650px){.ContactPage .map-sect{height:30vh}}.ContactPage .contact-sect{width:100%;display:flex;justify-content:space-between;flex-direction:column}.ContactPage .contact-sect .ContactItem{width:100%}.ContactPage .contact-sect .ContactItem:not(:last-child){margin-bottom:1rem}.ContactPage .contact-sect .ContactItem .contact{display:flex;align-items:center;background-color:#191d2b;padding:3rem 0}@media screen and (max-width:620px){.ContactPage .contact-sect .ContactItem .contact{justify-content:center}}.ContactPage .contact-sect .ContactItem .contact .right-items{margin-left:2rem}.ContactPage .contact-sect .ContactItem .contact img{padding:1rem;border:1px solid #2e344e;margin-left:2rem;width:15%}@media screen and (max-width:620px){.ContactPage .contact-sect .ContactItem .contact img{display:none}}.ContactPage .contact-sect .ContactItem .contact .right-items h6{font-size:1.4rem;font-weight:500}@media screen and (max-width:620px){.ContactPage .contact-sect .ContactItem .contact .right-items{margin-left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}}@media screen and (max-width:1650px){.ContactPage .contact-sect .ContactItem{width:95%}}.ContactPage .map-sect{width:95%;padding:1rem;background-color:#191d2b}.ContactPage .map-sect iframe{width:100%;height:100%}.title{margin-bottom:4rem}*{padding:0;margin:0;box-sizing:border-box}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background-color:rgba(0,86,216,.596078431372549);border-radius:50px}body::-webkit-scrollbar-track{background-color:#777}body{color:#a4acc4;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.2rem}span{color:#037fff}@media screen and (max-width:900px){html{font-size:80%}}@media screen and (max-width:512px){html{font-size:70%}}
/*# sourceMappingURL=main.3e92c8a8.chunk.css.map */