@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&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}:root{--green:#27ae60;--black:#444;--light-color:#777;--bg-color:#e6e6e6;--border:0.1rem solid rgba(0,0,0,.2);--box-shadow:0.4rem 0.4rem 1rem #ccc,-0.4rem -0.4rem 1rem #fff;--box-shadow-inset:0.4rem 0.4rem 1rem #ccc inset,-0.4rem -0.4rem 1rem #fff inset}*{border:none;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:none;padding:0;text-decoration:none;text-transform:capitalize;transition:.2s linear}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{background:#e6e6e6;background:var(--bg-color);padding-left:30rem}body.active{--black:#fff;--light-color:#ddd;--bg-color:#000;--border:0.1rem solid gray;--box-shadow:0.4rem 0.4rem 1rem #111,-0.4rem -0.4rem 1rem #333;--box-shadow-inset:0.4rem 0.4rem 1rem #111 inset,-0.4rem -0.4rem 1rem #333 inset}section{min-height:100vh;padding:2rem}.btn{background:none;border-radius:.5rem;box-shadow:.4rem .4rem 1rem #ccc,-.4rem -.4rem 1rem #fff;box-shadow:var(--box-shadow);color:#444;color:var(--black);cursor:pointer;display:inline-block;font-size:1.7rem;margin-top:1rem;padding:1rem 3.5rem}.btn:hover{box-shadow:inset .4rem .4rem 1rem #ccc,inset -.4rem -.4rem 1rem #fff;box-shadow:var(--box-shadow-inset);color:#27ae60;color:var(--green)}.heading{color:#444;color:var(--black);font-size:5rem;padding-bottom:2rem;text-align:center}.heading,.heading span{text-transform:uppercase}.heading span{color:#27ae60;color:var(--green)}@media (max-width:991px){html{font-size:55%}body{padding-left:0}.header{left:-110%}.header.active{left:0;transition:.4s linear}#menu-btn{display:inline;display:initial}}@media (max-width:450px){html{font-size:50%}.header{border-right:0;width:100%}}.home{align-items:center;display:flex;flex-flow:column;height:100vh;justify-content:center;margin-top:-20rem;text-align:center}.home .content h3{color:var(--black);font-size:6rem;line-height:1.1}.home .content p{color:var(--green);font-size:2rem;padding-bottom:.5rem}.home .share{align-items:center;display:flex;height:10rem;justify-content:center;padding:1rem;position:relative;top:10rem;width:30rem}.home .share,.home .share a{border-radius:.5rem;box-shadow:var(--box-shadow)}.home .share a{color:var(--black);font-size:2rem;height:6rem;line-height:5rem;margin:.5rem;width:6rem}.home .share a:hover{box-shadow:var(--box-shadow-inset);color:var(--green)}.about .row{align-items:center;display:flex;flex-wrap:wrap-reverse;gap:2rem;justify-content:center;width:80%}.about .row .box-container{display:flex;flex:1 1 40rem;flex-wrap:wrap;gap:1.5rem}.about .row .box-container .box{border-radius:.5rem;box-shadow:var(--box-shadow);flex:1 1 18rem;padding:2rem;text-align:center}.about .row .box-container .box h3{color:var(--black);font-size:5rem;line-height:1.1}.diffrent p{color:var(--light-color);font-size:1.5rem}.diffrent h4{color:var(--black);font-size:2rem}.about .row .box-container .box p{color:var(--light-color);font-size:1.7rem;padding:.5rem 0}.about .row .content{flex:1 1 40rem}.about .row .content h3{color:var(--black);font-size:3.5rem;line-height:1.8}.about .row .content h3 span{color:var(--green)}.about .row .content p{color:var(--light-color);font-size:1.7rem;line-height:1.8;padding:1rem 0}.about .row:nth-child(3){padding-top:2rem}.about .row .progress{flex:1 1 40rem}.about .row .progress h3{align-items:center;color:var(--black);display:flex;font-size:2rem;font-weight:400;justify-content:space-between}.about .row .progress .bar{border-radius:5rem;box-shadow:var(--box-shadow);height:2rem;margin:1rem 0;padding:.5rem}.about .row .progress .bar span{background:var(--green);border-radius:5rem;display:block;height:100%}.about .row .progress .bar-1-1 span{width:90%}.about .row .progress .bar-1-2 span{width:65%}.about .row .progress .bar-1-3 span,.about .row .progress .bar-2-1 span{width:95%}.about .row .progress .bar-2-2 span{width:80%}.about .row .progress .bar-2-3 span{width:95%}.portfolio .box-container{grid-gap:2rem;display:grid;gap:4rem;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));padding:0 4rem}.portfolio .box-container .box{border:1rem solid transparent;border-radius:.5rem;box-shadow:var(--box-shadow);height:45rem;overflow:hidden;position:relative}.portfolio .box-container .box img{height:20rem;object-fit:cover;width:100%}.portfolio .box-container .box .content{background:var(--bg-color);display:grid;height:20rem;left:0;place-items:center;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);width:100%}.portfolio .box-container .box:hover .content{-webkit-transform:scale(1);transform:scale(1)}.portfolio .box-container .box .content h3{color:var(--black);font-size:2.5rem;opacity:0;text-transform:uppercase;-webkit-transform:translateY(-5rem);transform:translateY(-5rem);transition-delay:.3s}.portfolio .box-container .box:hover .content h3{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.icons-git{cursor:pointer!important;height:40px;width:40px}.icons-git img{color:green!important}.contact form{margin:1rem auto;max-width:70rem;padding:2rem}.contact form,.contact form .box{border-radius:.5rem;box-shadow:var(--box-shadow)}.contact form .box{background:none;color:var(--black);font-size:1.6rem;margin:.7rem 0;padding:1rem 1.5rem;text-transform:none;width:100%}.contact form textarea{height:20rem;resize:none}.contact form .box:focus{box-shadow:var(--box-shadow-inset)}.mail_number{color:green;font-size:medium}.share>a{border-radius:.5rem;box-shadow:var(--box-shadow);color:var(--black);font-size:2rem;height:8rem;line-height:5rem;margin:50px;width:8rem}.share a:hover{box-shadow:var(--box-shadow-inset);color:var(--green)}.fab fa-github{margin:5px}
/*# sourceMappingURL=main.029b86a7.css.map*/