@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Contact{color:#fff;min-height:100vh;padding:3rem 0;width:100%}.Contact .title{line-height:0rem;margin:0 10%;padding:3rem;text-transform:uppercase}.Contact .bg-text{color:#192437;font-size:5.5rem;font-weight:800;text-align:center;transition:all .4s ease-in-out;z-index:-1}.Contact .main-text{color:#fff;font-size:4rem;font-weight:700;text-align:center;width:100%}.Contact .main-text span{color:#27ae60}.Total-contact{display:flex;flex-wrap:wrap;margin:8% 15%;width:80%}.Left-contact{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.Left-contact .contact-head{color:#dbe1e8;font-size:2rem;font-weight:500;text-transform:uppercase}.Left-contact .contact-subhead{font-size:1.2rem;text-transform:capitalize}.Left-contact .details{display:flex;flex-direction:column;font-size:1.2rem;line-height:2.25rem;width:100%}.Left-contact .details .detail{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:start}.Left-contact .details .detail>i{margin-right:1rem}.Left-contact .details .detail>div{color:#b2becd}.Left-contact .icons{display:flex;gap:1.5rem;margin:1rem 0}.Left-contact .icon{background-color:#2a2e35;border-radius:50%;color:#fff;cursor:pointer;height:50px;margin:0 .4rem;transition:all .4s ease-in-out;width:50px}.Left-contact .icon,.Left-contact .icon i{align-items:center;display:flex;justify-content:center}.Left-contact .icon i{font-size:1.3rem}.Left-contact .icon:hover{background-color:#27ae60}.right-contact{line-height:4.5rem;margin-left:1rem;width:50%}.right-contact .input-control{margin:1.5rem 0}.input-control textarea,.right-contact .input-control input{background-color:#2a2e35;border:none;border-radius:30px;color:#fff;font-family:inherit;font-size:inherit;font-weight:inherit;outline:none;padding:.8rem 1.1rem;resize:none;width:100%}.input-control textarea{height:150px;margin-top:1rem}.right-contact button{align-items:center;background:linear-gradient(90deg,transparent 50%,#27ae60 0);background-color:initial;background-position:0 100%;background-size:200% 100%;border:1px solid #27ae60;border-radius:30px;color:#fff;font-size:20px;font-weight:600;height:55px;padding-top:1rem;position:relative;transition:all .5s ease-out;width:15em}.right-contact button:hover{background-position:100% 100%}.right-contact button i{background-color:#27ae60;border-radius:50%;color:#fff;float:right;margin-top:-1rem;padding:1rem}@media screen and (max-width:750px){.Contact .bg-text{font-size:4rem}.Contact .main-text{font-size:3rem}}@media screen and (max-width:550px){.Contact .bg-text{font-size:3.25rem}.Contact .main-text{font-size:2.5rem}.Contact .title{margin:0 5%}}@media screen and (max-width:400px){.Contact .bg-text{font-size:2.25rem}.Contact .main-text{font-size:1.8rem}.Contact .title{margin:0 2.5%}.right-contact button{width:10em}}.my-status{color:#fff;padding:3rem 0;width:100%}.my-status .title{line-height:4.5rem;margin:0 10%;text-transform:uppercase}.my-status .bg-text{color:#2a2e35;font-size:5.5rem;font-weight:800;text-align:center;transition:all .4s ease-in-out;z-index:-1}.my-status .main-text{color:#fff;font-size:4rem;font-weight:700;text-align:center;width:100%}.my-status .main-text span{color:#27ae60}.about{display:flex;flex-wrap:wrap;margin:0 10%}hr{border:1px solid #2a2e35;margin:3.5rem auto;max-width:25%;width:50%}.heading{font-size:2.5rem;font-weight:500;letter-spacing:.7rem;margin:1rem auto;padding:1.5rem 0;position:relative;text-align:center;text-transform:uppercase}.left-info{color:#dbe1e8;font-size:1.3rem;line-height:2rem;padding:3rem 0;text-align:justify;text-indent:3rem;width:35%}.right-info{grid-gap:2rem;display:grid;flex-direction:column;grid-template-columns:repeat(2,1fr);padding:1rem 2rem;width:55%}.right-info .about-item{border:1px solid #2a2e35;border-radius:5px;box-shadow:1px 2px 15px rgba(0,0,0,.1);margin:0 0 2rem;transition:all .4s ease-in-out}.right-info .about-item:hover{border:1px solid #27ae60;margin-left:-10px;margin-top:-10px}.abt-text{display:flex;flex-direction:column;padding:1.5rem}.large-text{color:#27ae60;font-size:2.5rem;font-weight:700}.small-text{color:#dbe1e8;font-size:1.2rem;letter-spacing:2px;padding-left:3rem;position:relative;text-transform:uppercase}.small-text:before{background-color:#2a2e35;content:"";height:2px;left:0;position:absolute;top:15px;width:2rem}.about button{align-items:center;background:linear-gradient(90deg,transparent 50%,#27ae60 0);background-color:initial;background-position:0 100%;background-size:200% 100%;border:1px solid #27ae60;border-radius:30px;color:#fff;font-size:20px;font-weight:600;height:55px;margin:1rem .5rem;padding-top:1rem;position:relative;transition:all .5s ease-out;width:15em}.about button i{background-color:#27ae60;border-radius:50%;float:right;margin-top:-1rem;padding:1rem}.about button:hover{background-position:100% 100%}.progress-bars{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;margin:0 10%}.progress-container{width:45%}.progress-bar,.progress-container{display:flex;flex-direction:column}.progress-bar{margin:.5rem 0}.prog-title{font-weight:500;text-transform:uppercase}.progress-con{align-items:center;display:flex;width:100%}.prog-text{color:#b2becd}.progress{background-color:#454e56;height:.45rem;margin-left:1rem;position:relative;width:100%}.progress span{background-color:#27ae60;height:100%;left:0;position:absolute;top:0;transition:all .4s ease-in-out}.education{display:flex;flex-wrap:wrap;margin:0 5% 0 10%}.edu-container{border-left:1px solid #2a2e35;margin:0 0 2rem 4%;padding-left:4rem;width:38%}.grade{background-color:#2a2e35;border-radius:1rem;color:#dbe1e8;display:inline-block;font-size:.8rem;font-weight:500;padding:.2rem .6rem;text-transform:uppercase}.ti-icon{align-items:center;background-color:#27ae60;border-radius:50%;display:flex;height:50px;justify-content:center;margin-left:-5.5rem;margin-top:0;position:absolute;width:50px}.edu-container .year{color:#b2becd;font-size:1.3rem;font-weight:600;margin:1rem 0;text-transform:uppercase}.edu-container>.year>span{color:#fff}.edu-container>.info{color:#b2becd;font-size:1.2rem}@media only screen and (max-width:1025px){.left-info{display:block;width:100%}.right-info{width:100%}}@media only screen and (max-width:650px){.right-info{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:500px){.my-status .title{line-height:3rem}.my-status .bg-text{font-size:4rem}.my-status .main-text{font-size:3rem}.heading{font-size:1.7rem;letter-spacing:.45rem}.my-status .about .left-info>button{width:10em}.my-status .about .right-info{padding:0}}.Profile{font-family:Poppins,sans-serif;height:100vh;overflow:hidden;width:100%}.left{float:left;width:40%}.h-shape{float:left;height:100vh;margin-left:-27%;overflow:hidden;rotate:90deg}.profile-image{float:left;height:95%;left:2.5%;position:absolute;top:5%;width:45%}.profile-image img{height:100%;object-fit:contain;width:100%}.right{color:#6c7983;float:left;font-size:1.4375rem;line-height:75px;margin:10% 5% 0 10%}.right h2{color:#fff}.right h2 span{color:#27ae60}.right p{color:#b2becd;font-size:1.5rem;font-weight:500}.right .about{line-height:normal;padding-bottom:35px;width:20em}.right button{align-items:center;background:linear-gradient(90deg,transparent 50%,#27ae60 0);background-color:initial;background-position:0 100%;background-size:200% 100%;border:1px solid #27ae60;border-radius:30px;color:#fff;font-size:20px;font-weight:600;height:55px;padding-top:1rem;position:relative;transition:all .5s ease-out;width:15em}.right button i{background-color:#27ae60;border-radius:50%;float:right;margin-top:-1rem;padding:1rem}.right button:hover{background-position:100% 100%}@media only screen and (max-width:1050px){.Profile{height:280vh}.left svg{display:none}.right{margin-bottom:10rem}.profile-image{height:200%;object-position:0 0;position:absolute;top:70%;width:95%}.profile-image img{height:100%;object-fit:contain;width:100%}}@media only screen and (max-width:750px){.profile-image{margin-top:-10rem}}@media only screen and (max-width:450px){.right{width:80%}.profile-image{top:180px}.profile-image img{height:100%;object-fit:contain;width:100%}}.my-projects{color:#fff;min-height:100vh;padding:3rem 0;width:100%}.my-projects .title{line-height:0rem;margin:0 10%;padding:3rem;text-transform:uppercase}.my-projects .bg-text{color:#192437;font-size:5.5rem;font-weight:800;text-align:center;transition:all .4s ease-in-out;z-index:-1}.my-projects .main-text{color:#fff;font-size:4rem;font-weight:700;text-align:center;width:100%}.my-projects .main-text span{color:#27ae60}.my-projects .port-text{color:#b2becd;font-size:1.3rem;padding:2rem 0;text-align:center}.my-projects .projects-list{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:10%;width:100%}.projects-list .project-card{padding:1%;width:30%}.front-card,.projects-list .project-card{align-items:center;display:flex;flex-direction:column;justify-content:center}.front-card{height:100%;position:relative;width:100%}.project-card .front-card .pro-img-container{height:90%;width:90%}.project-card .front-card .project-title{font-size:1rem;font-weight:500;margin:1rem 0;text-transform:uppercase}.project-card .front-card .pro-img-container>img{border-radius:5%;height:100%;object-fit:cover;width:100%}.hover-items{align-items:center;background-color:#27ae60;border-radius:5%;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);transition:all .4s ease-in-out;width:100%}.hover-items h3{color:#fff;font-size:1.6rem;margin-bottom:.1rem}.hover-items p{color:#000;font-size:1.2rem;padding:2rem;text-align:justify}.hover-items .icons,.hover-items .icons .icon{align-items:center;display:flex;justify-content:center}.hover-items .icons .icon{background-color:#2a2e35;border-radius:50%;cursor:pointer;height:50px;margin:0 1rem;transition:all .4s ease-in-out;width:50px}.hover-items .icons .icon i{color:#fff;font-size:1.5rem;margin:0 1rem}.project-card .front-card:hover .hover-items{-webkit-transform:scale(1);transform:scale(1)}@media only screen and (max-width:900px){.my-projects .bg-text{font-size:4.5rem}.projects-list .project-card{width:40%}}@media screen and (max-width:750px){.my-projects .bg-text{font-size:4rem}.my-projects .main-text{font-size:3rem}}@media screen and (max-width:550px){.my-projects .bg-text{font-size:3.25rem}.my-projects .main-text{font-size:2.5rem}.my-projects .title{margin:0 5%}}@media screen and (max-width:400px){.my-projects .bg-text{font-size:2.25rem}.my-projects .main-text{font-size:1.8rem}.my-projects .title{margin:0 2.5%}}*{margin:0;padding:0}.App{background-color:#191d2b;height:100%;width:100%}a{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.0ba7600d.css.map*/