@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{border:none;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}.status-message{border-radius:5px;font-size:16px;margin-top:10px;max-width:400px;padding:10px;text-align:center}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-message.info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}:root{--bg-color:#0c134f;--second-bg-color:#00347c;--text-color:#ededed;--main-color:#00abf0}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{background:#0c134f;background:var(--bg-color);color:#ededed;color:var(--text-color)}.header{align-items:center;background:#0000;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:#0c134f;background:var(--bg-color)}.logo{color:#ededed;color:var(--text-color);font-size:2.5rem;font-weight:600}.logo,.navbar{position:relative}.navbar a{color:#ededed;color:var(--text-color);font-size:1.7rem;font-weight:500;margin-left:3.5rem;transition:.3s}.navbar a.active,.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;position:relative}section{min-height:100vh;padding:10rem 9% 2rem}.home{align-items:center;display:flex;padding:0 9%}.home-content{max-width:60rem;z-index:99}.home-content h1{display:inline-block;font-size:5.6rem;font-weight:700;line-height:1.3;position:relative}.home-content h1 span{color:#ededed;color:var(--text-color)}.home-content .text-animate{position:relative;width:32.8rem}.home-content .text-animate h3{-webkit-text-stroke:.7px #00abf0;-webkit-text-stroke:.7px var(--main-color);-webkit-background-clip:text;background-image:linear-gradient(#00abf0,#00abf0);background-image:linear-gradient(var(--main-color),var(--main-color));background-position:-33rem 0;background-repeat:no-repeat;color:#0000;font-size:2.8rem;font-weight:700}.home.show-animate .home-content .text-animate h3{animation:homeBgText 6s linear infinite;animation-delay:2s}.home-content .text-animate h3:before{border-right:2px solid #00abf0;border-right:2px solid var(--main-color);content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.home.show-animate .home-content .text-animate h3:before{animation:homeCursorText 6s linear infinite;animation-delay:2s}.home-content p{font-size:1.6rem;margin:2rem 0 4rem;position:relative}.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:#0c134f;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-color:initial}.btn-box .btn:nth-child(2):hover{color:#0c134f;color:var(--bg-color)}.btn-box .btn:nth-child(2):before{background:#00abf0;background:var(--main-color)}.btn-box .btn:before{background:#0c134f;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-sci1{bottom:4rem;display:flex;justify-content:space-between;position:absolute;width:170px}.home-sci1 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-sci1 a:hover{color:#0c134f;color:var(--bg-color)}.home-sci1 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-sci1 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:#0c134f;background:var(--bg-color);opacity:.8}.home-imgHover img{animation:floatImage 4s ease-in-out infinite;margin-top:15rem;width:35vw}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2.4rem)}to{transform:translateY(0)}}.about{align-items:center;background:#00347c;background:var(--second-bg-color);display:flex;flex-direction:column;gap:2rem;justify-content:center;padding-bottom:6rem}.heading{display:inline-block;font-size:5rem;margin-bottom:3rem;position:relative;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{animation:aboutSpinner 8s linear infinite;border-bottom:.2rem solid #00347c;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 #00347c;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{display:inline-block;font-size:2.6rem;position:relative}.about-content p{font-size:1.6rem;margin:2rem 0 3rem;position:relative}.btn-box.btns{display:inline-block;width:15em}.btn-box.botns a:before{background:#00347c;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{display:inline-block;font-size:2.5rem;margin:0 0 1.5rem 2rem;position:relative}.education-column .education-box{border-left:.2rem solid #00abf0;border-left:.2rem solid var(--main-color);position:relative}.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;overflow:hidden;padding:1.5rem;position:relative}.education-content .content:before{background:#00347c;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:#00347c;background:var(--second-bg-color);min-height:auto;opacity:1;padding-bottom:7rem;visibility:visible}.skills h2{display:inline-block;left:50%;transform:translateX(-50%)}.skills .skills-row{display:flex;flex-wrap:wrap;gap:5rem}.skills-row .skills-column{flex:1 1 40rem}.skills-column .title{display:inline-block;font-size:2.5rem;margin:0 0 1.5rem;position:relative}.skills-column .skills-box{position:relative;z-index:9999}.skills-box{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skills-content{border-radius:5px;padding:30px 20px;text-align:center;z-index:999999}.skills-content .bx{font-size:xx-large}.skill-name{font-size:medium}.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;z-index:999999}.skills-box .skills-content:before{background:#0c134f;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:65%}.skills-column:first-child .skills-content .progress:nth-child(4) .bar span{width:75%}.skills-column:nth-child(2) .skills-content .progress:first-child .bar span{width:95%}.skills-column:nth-child(2) .skills-content .progress:nth-child(2) .bar span{width:67%}.skills-column:nth-child(2) .skills-content .progress:nth-child(3) .bar span{width:85%}.skills-column:nth-child(2) .skills-content .progress:nth-child(4) .bar span{width:60%}.portfolio{background:#0c134f;background:var(--bg-color)}.portfolio h2{display:inline-block;left:50%;transform:translateX(-50%)}.portfolio-container{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.portfolio-container .portfolio-box{border-radius:2rem;box-shadow:0 0 1rem #0c134f;box-shadow:0 0 1rem var(--bg-color);display:flex;overflow:hidden;position:relative}.portfolio-box img{opacity:.7;transition:.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 4rem;position:absolute;text-align:center;transform:translateY(100%);transition:.5s ease;width:100%}.portfolio-box:hover .portfolio-layer{transform:translateY(0)}.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 i{color:#00347c;color:var(--second-bg-color);font-size:2rem}.portfolio-layer{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;width:100%}.portfolio-layer .links{display:flex;flex-direction:row;gap:2rem}.portfolio-layer .git_url,.portfolio-layer .live-url{align-items:center;background:#ededed;background:var(--text-color);border-radius:50%;display:inline-flex;height:5rem;justify-content:center;width:5rem}.portfolio-layer .git_url a,.portfolio-layer .live-url a{align-items:center;display:flex;height:100%;justify-content:center;text-decoration:none;width:100%}.portfolio-layer .git_url i,.portfolio-layer .live-url i{color:#00347c;color:var(--second-bg-color);font-size:2rem}.contact{background:#00347c;background:var(--second-bg-color);min-height:auto;padding-bottom:7rem}.contact h2{display:inline-block;left:50%;transform:translateX(-50%)}.contact form{margin:0 auto;max-width:70rem;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:#00347c;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;display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem 9%}.footer-iconTop,.footer-text{position:relative}.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:#00347c;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:#0c134f;color:var(--bg-color);font-size:2.4rem;transition:.5s}.footer-iconTop a:hover i{color:#00abf0;color:var(--main-color)}.animate{background:#0c134f;background:var(--bg-color);height:100%;position:absolute;right:0;top:0;width:100%;z-index:98}.animate.home-img{width:50%}#menu-icon .animate,.home.show-animate .animate,.logo .animate,.navbar .animate{animation:showRight 1s ease forwards;animation-delay:calc(.1s*var(--i))}.animate.scroll{animation:none;transition:1s ease;transition-delay:calc(.1s/var(--i))}.footer .animate.scroll,section:nth-child(odd) .animate.scroll{background:#00347c;background:var(--second-bg-color)}.education .education-box .animate.scroll{width:105%}.about.show-animate .animate.scroll,.contact.show-animate .animate.scroll,.education.show-animate .animate.scroll,.footer.show-animate .animate.scroll,.portfolio.show-animate .animate.scroll,.skills.show-animate .animate.scroll{transition-delay:cal(.3s * var(--i));width:0}@media (max-width:1200px){html{font-size:55%}}@media (max-width:991px){.header{padding:2rem 4%}section{padding:10rem 4% 2rem}.home{padding:0 4%}.portfolio{padding-bottom:7rem}.footer{padding:2rem 4%}}@media (max-width:850px){.animate.home-img{width:55%}}@media (max-width:768px){.header{background:#0c134f;background:var(--bg-color)}#menu-icon{display:block}.navbar{background:#00abf0;background:var(--main-color);box-shadow:0 .5rem 1rem #0003;left:-100%;padding:1rem 4%;position:absolute;top:100%;transition:.25s ease;transition-delay:.25s;width:100%;z-index:1}.navbar.active{left:0;transition-delay:0s}.navbar .active-nav{background:#0c134f;background:var(--bg-color);border-top:.1rem solid #0003;height:100%;left:-100%;position:absolute;top:0;transition:.25s ease;transition-delay:0s;width:100%;z-index:-1}.navbar.active .active-nav{left:0;transition-delay:.25s}.navbar a{display:block;font-size:2rem;margin:3rem 0;transform:translateX(-20rem);transition:.25s ease;transition-delay:0s}.navbar.active a{transform:translateX(0);transition-delay:.25s}.home-imgHover{display:none}.portfolio h2{margin-bottom:3rem}.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){html{font-size:50%}.home-content h1{display:flex;flex-direction:column}.home-sci{width:160px}.home-sci a{height:38px;width:38px}.portfolio-container{grid-template-columns:1fr}}@media (max-width:462px){.home-content h1{font-size:5.2rem}.education{padding:10rem 4% 5rem 5%}.contact form .input-box .input-field{width:100%}.footer{flex-direction:column-reverse}.footer p{margin-top:2rem;text-align:center}}@media (max-width:371px){.home{justify-content:center}.home-content{align-items:center;display:flex;flex-direction:column;text-align:center}.home-content h1{font-size:5rem}}@keyframes homeBgText{0%,10%,to{background-position:-33rem 0}65%,85%{background-position:0 0}}@keyframes homeCursorText{0%,10%,to{width:0}65%,78%,85%{opacity:1;width:100%}75%,81%{opacity:0}}@keyframes aboutSpinner{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes showRight{to{width:0}}
/*# sourceMappingURL=main.c6a4e9f8.css.map*/