@import url(https://fonts.googleapis.com/css?family=Poppins:wght@300;400;500;600;700;800;900& 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}*{border:none;box-sizing:border-box;font-family:poppines,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}:root{--third-bg-color:#0e95f54d;--bg-color:#081b29;--second-bg-color:#112e42;--text-color:#ededed;--four-bg-color:#0e95f566;--main-color:#00abf0}.header .navbar a{color:#ededed;color:var(--text-color);position:relative;text-decoration:none;transition:transform .3s ease}.header .navbar a:hover:after{background-color:#00abf0;background-color:var(--main-color);bottom:-3px;content:"";height:2px;left:0;position:absolute;width:100%}.header .logo{color:#ededed;color:var(--text-color);position:relative;text-decoration:none;transition:transform .3s ease}.header .logo:hover:after{background-color:#00abf0;background-color:var(--main-color);bottom:-3px;content:"";height:2px;left:0;position:absolute;width:100%}.header .logo:hover{transform:scale(1.1)}html{font-size:62.5%;overflow-x:hidden}body{background:#081b29;background:var(--bg-color);color:#ededed;color:var(--text-color)}.header{align-items:center;background:#0000;background:#112e42;background:var(--second-bg-color);background-color:#0e95f54d;background-color:var(--third-bg-color);display:flex;justify-content:space-between;left:0;padding:2rem 9%;position:fixed;top:0;transition:.3s;width:100%;z-index:100}.header.sticky{background:#081b29;background:var(--bg-color)}.logo{font-size:2.5rem;font-weight:400;position:relative}.logo,.navbar a{color:#ededed;color:var(--text-color)}.navbar a{font-size:1.7rem;font-weight:500;margin-left:3.5rem;transition:.3s}.navbar a:hover{color:#00abf0;color:var(--main-color)}#menu-icon{color:#ededed;color:var(--text-color);cursor:pointer;display:none;font-size:3.6rem}section{min-height:100vh;padding:10rem 9% 2rem}.home{align-items:center;background-image:url(/static/media/home.bdeac4310e233e965106.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:10%}.home-content{max-width:60rem}.home-content h1{font-size:5.6rem;font-weight:600;line-height:1.4}.home-content h1 span{color:#ededed;color:var(--text-color)}.home-content .text-animate{position:relative;width:32.8rem}.home-content .text-animate h3{color:#fff;font-size:3.2rem;font-weight:700}.home-content p{font-size:1.6rem;margin:2rem 0 4rem}.btn-box{display:flex;height:5rem;justify-content:space-between;position:relative;width:34.5rem}.btn-box .btn{align-items:center;background:#00abf0;background:var(--main-color);border:.2rem solid #00abf0;border:.2rem solid var(--main-color);border-radius:.8rem;color:#081b29;color:var(--bg-color);display:inline-flex;font-size:1.8rem;font-weight:600;height:100%;justify-content:center;letter-spacing:.1rem;overflow:hidden;position:relative;transition:.5s;width:15rem;z-index:1}.btn-box .btn:hover,.btn-box .btn:nth-child(2){color:#00abf0;color:var(--main-color)}.btn-box .btn:nth-child(2){background:#0000}.btn-box .btn:nth-child(2):before{background:#00abf0;background:var(--main-color)}.btn-box .btn:nth-child(2):hover{color:#081b29;color:var(--bg-color)}.btn-box .btn:before{background:#081b29;background:var(--bg-color);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.btn-box .btn:hover:before{width:100%}.home-sci{bottom:4rem;display:flex;justify-content:space-between;position:absolute;width:250px}.home-sci a{align-items:center;background:#0000;border:.2rem solid #00abf0;border:.2rem solid var(--main-color);border-radius:50%;color:#00abf0;color:var(--main-color);display:inline-flex;font-size:20px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:.5s;width:40px;z-index:1}.home-sci a:hover{color:#081b29;color:var(--bg-color)}.home-sci a:before{background:#00abf0;background:var(--main-color);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.home-sci a:hover:before{width:100%}.home-imgHover{background:#0000;height:100%;position:absolute;right:0;top:0;transition:3s;width:45%}.home-imgHover:hover{background:#081b29;background:var(--bg-color);opacity:.8}.about{align-items:center;background:#112e42;background:var(--second-bg-color);display:flex;flex-direction:column;gap:2rem;justify-content:center;padding-bottom:6rem}.heading{font-size:5rem;margin-bottom:3rem;text-align:center}span{color:#00abf0;color:var(--main-color)}.about-img{align-items:center;border-radius:50%;display:flex;height:25rem;justify-content:center;position:relative;width:25rem}.about-img img{border:.2rem solid #00abf0;border:.2rem solid var(--main-color);border-radius:50%;width:90%}.about-img .circle-spin{border-bottom:.2rem solid #112e42;border-bottom:.2rem solid var(--second-bg-color);border-left:.2rem solid #00abf0;border-left:.2rem solid var(--main-color);border-radius:50%;border-right:.2rem solid #00abf0;border-right:.2rem solid var(--main-color);border-top:.2rem solid #112e42;border-top:.2rem solid var(--second-bg-color);height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(0);width:100%}.about-content{text-align:center}.about-content h3{font-size:2.6rem}.about-content p{font-size:1.6rem;margin:2rem 0 3rem}.btn-box.btns{display:inline-block;width:15rem}.btn-box.btns a:before{background:#112e42;background:var(--second-bg-color)}.education{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:auto;padding-bottom:5rem}.education .education-row{display:flex;flex-wrap:wrap;gap:5rem}.education-row .education-column{flex:1 1 40rem}.education-column .title{font-size:2.5rem;margin:0 0 1.5rem 2rem}.education-column .education-box{border-left:.2rem solid #00abf0;border-left:.2rem solid var(--main-color)}.education-box .education-content{padding-left:2rem;position:relative}.education-box .education-content:before{background:#00abf0;background:var(--main-color);border-radius:50%;content:"";height:2rem;left:-1.1rem;position:absolute;top:0;width:2rem}.education-content .content{border:.2rem solid #00abf0;border:.2rem solid var(--main-color);border-radius:.6rem;margin-bottom:2rem;padding:1.5rem;position:relative}.education-content .content:before{background:#112e42;background:var(--second-bg-color);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.education-content .content:hover:before{width:100%}.education-content .content .year{color:#00abf0;color:var(--main-color);font-size:1.5rem;padding-bottom:.5rem}.education-content .content .year i{padding-right:.5rem}.education-content .content h3{font-size:2rem}.education-content .content p{font-size:1.6rem;padding-top:.5rem}.skills{background:#112e42;background:var(--second-bg-color);min-height:100vh;padding-bottom:10rem}.skills .skills-row{display:flex;flex-wrap:wrap;gap:5rem}.skills-row .skills-column{flex:1 1 40rem}.skills-column .title{font-size:2.5rem;margin:0 0 1.5rem}.skills-box .skills-content{border:.2rem solid #00abf0;border:.2rem solid var(--main-color);border-radius:.6rem;overflow:hidden;padding:.5rem 1.5rem;position:relative;z-index:1}.skills-box .skills-content:before{background:#081b29;background:var(--bg-color);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.skills-box .skills-content:hover:before{width:100%}.skills-content .progress{padding:1rem 0}.skills-content .progress h3{display:flex;font-size:1.7rem;justify-content:space-between}.skills-content .progress h3 span{color:#ededed;color:var(--text-color)}.skills-content .progress .bar{border:.2rem solid #00abf0;border:.2rem solid var(--main-color);border-radius:.6rem;height:2.5rem;margin:1rem 0;padding:.5rem}.skills-content .progress .bar span{background:#00abf0;background:var(--main-color);border-radius:.3rem;display:block;height:100%}.skills-column:first-child .skills-content .progress:first-child .bar span{width:90%}.skills-column:first-child .skills-content .progress:nth-child(2) .bar span{width:80%}.skills-column:first-child .skills-content .progress:nth-child(3) .bar span{width:75%}.skills-column:first-child .skills-content .progress:nth-child(4) .bar span{width:0}.skills-column:nth-child(2) .skills-content .progress:first-child .bar span{width:80%}.skills-column:nth-child(2) .skills-content .progress:nth-child(2) .bar span{width:50%}.skills-column:nth-child(2) .skills-content .progress:nth-child(3) .bar span{width:30%}.skills-column:nth-child(2) .skills-content .progress:nth-child(4) .bar span{width:40%}.contact{min-height:100rem;padding-bottom:7rem}.contact form{margin:0 auto;max-width:90rem;text-align:center}.contact form .input-box{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.contact form .input-box .input-field{margin:.8rem 0;position:relative;width:49%}.contact form .input-box .input-field input,.contact form .textarea-field textarea{background:#0000;border:.2rem solid #00abf0;border:.2rem solid var(--main-color);border-radius:.6rem;color:#ededed;color:var(--text-color);font-size:1.6rem;height:100%;padding:1.5rem;width:100%}.contact form .input-box .input-field input::placeholder,.contact form .textarea-field textarea::placeholder{color:#ededed;color:var(--text-color)}.contact form .focus{background:#112e42;background:var(--second-bg-color);border-radius:.6rem;height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.contact form .input-box .input-field input:focus~.focus,.contact form .input-box .input-field input:valid~.focus,.contact form .textarea-field textarea:focus~.focus,.contact form .textarea-field textarea:valid~.focus{width:100%}.contact form .textarea-field{display:flex;margin:.8rem 0 2.7rem;position:relative}.contact form .textarea-field textarea{resize:none}.contact form .btn-box.btns .btn{cursor:pointer}.footer{align-items:center;background:#112e42;background:var(--second-bg-color);display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem 9%}.footer-text p{font-size:1.6rem}.footer-iconTop a{align-items:center;background:#00abf0;background:var(--main-color);border:.2rem solid #00abf0;border:.2rem solid var(--main-color);border-radius:6rem;display:inline-flex;justify-content:center;overflow:hidden;padding:.8rem;position:relative;z-index:1}.footer-iconTop a:before{background:#112e42;background:var(--second-bg-color);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.footer-iconTop a:hover:before{width:100%}.footer-iconTop a i{color:#081b29;color:var(--bg-color);font-size:2.4rem;transition:.5s}.footer-iconTop a:hover i{color:#00abf0;color:var(--main-color)}.services h2{margin-bottom:5rem}.service-text{font-size:1.6rem;padding-bottom:20px}.services-container{align-items:center;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center}.services-container .services-box{background:var(--snd-bg-color);border:.2rem solid #ededed;border:.2rem solid var(--text-color);border-radius:2rem;flex:1 1 30rem;padding:7rem 2rem;text-align:center;transition:border-color .5s ease;transition:opacity .3s ease,visibility .3s ease}.services-container .services-box:hover{background:#112e42;background:var(--second-bg-color);border-color:#00abf0;border-color:var(--main-color);transform:scale(1.1);transition:background-color .5s ease}.services-box i{color:#00abf0;color:var(--main-color);font-size:4rem}.services-box h3{font-size:4rem;margin:1rem 0 3rem}.portfolio{background:var(--snd-bg-color)}.portfolio h2{margin-bottom:4rem}.portfolio-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.portfolio-container .portfolio-box{align-items:center;background:var(--snd-bg-color);border:solid #ededed;border:solid var(--text-color);border-radius:2rem;box-shadow:0 0 2rem #081b29;box-shadow:0 0 2rem var(--bg-color);display:flex;flex:1 1 30rem;flex-direction:column;height:400px;justify-content:space-between;overflow:hidden;padding:5rem 2rem;position:relative;text-align:center;transition:border-color .5s ease}.portfolio-container .portfolio-box:hover{border-color:#00abf0;border-color:var(--main-color)}.portfolio-box img{height:300px;object-fit:cover;opacity:.7;transition:transform .5s ease,opacity .5s ease;width:100%}.portfolio-box:hover img{transform:scale(1.1)}.portfolio-box .portfolio-layer{align-items:center;background:linear-gradient(#0000001a,#00abf0);background:linear-gradient(#0000001a,var(--main-color));bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:0 2rem;position:absolute;text-align:center;transform:translateY(100%);transition:transform .5s ease;width:100%}.portfolio-box:hover .portfolio-layer{transform:translateY(0)}.portfolio-box .portfolio-layer p{-webkit-box-orient:vertical;display:-webkit-box;max-height:100px;overflow:hidden;text-overflow:ellipsis}.portfolio-layer h4{font-size:3rem}.portfolio-layer p{font-size:1.6rem;margin:.3rem 0 1rem}.portfolio-layer a{align-items:center;background:#ededed;background:var(--text-color);border-radius:50%;display:inline-flex;height:5rem;justify-content:center;width:5rem}.portfolio-layer a i{color:var(--snd-bg-color);font-size:2rem}@media (max-width:1200px){html{font-size:55%}}@media (max-width:1052px){.header{background:#0e95f54d;background:var(--third-bg-color)}#menu-icon{display:block}.home{align-items:center;background-image:url(/static/media/home.bdeac4310e233e965106.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:20%}.navbar{background:#0e95f566;background:var(--four-bg-color);box-shadow:0 .5rem 1rem #0003;left:-100%;padding:1rem 4%;position:absolute;top:100%;transition:.25s ease;transition-delay:.25s;width:100%}.contact form{margin:0 auto;max-width:90rem;padding:10px;text-align:center}.navbar.active{left:0;transition-delay:0s}.navbar a{display:block;font-size:2rem;margin:3rem 0}}.footer{padding:20px;text-align:center}@media only screen and (max-width:600px){.footer-text{font-size:14px}}@media only screen and (min-width:601px) and (max-width:1024px){.footer-text{font-size:16px}}@media only screen and (min-width:1025px){.footer-text{font-size:18px}}
/*# sourceMappingURL=main.a9427463.css.map*/