*{border:none;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}:root{--bg-color:linear-gradient(#191645,#007358);--text-color:#fff;--main-color:#12f944}html{font-size:60%;overflow-x:hidden}body{background:linear-gradient(#191645,#007358);background:var(--bg-color);color:#fff;color:var(--text-color)}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;display:flex;justify-content:space-between;left:0;padding:4rem 12%;position:fixed;top:0;width:100%;z-index:6}.logo{color:#fff;color:var(--text-color);cursor:pointer;font-size:3rem;font-weight:800;transition:.3s ease}.logo:hover{color:#12f944;color:var(--main-color);text-shadow:0 0 25px #12f944;text-shadow:0 0 25px var(--main-color);transform:scale(1.1)}.navbar{display:flex;gap:20px}.navbar a{border-bottom:3px solid #0000;color:#fff;color:var(--text-color);font-size:1.8rem;font-weight:500;margin-left:4rem;transition:.3s ease}.navbar a.active,.navbar a:hover{border-bottom:3px solid #12f944;border-bottom:3px solid var(--main-color);color:#12f944;color:var(--main-color);font-weight:700}#menu-icon{cursor:pointer;display:none;font-size:3.6rem}section{min-height:100vh;padding:10rem 12%}.home{align-items:center;gap:15rem}.home,.home-content{display:flex;justify-content:center}.home-content{align-items:baseline;flex-direction:column;margin-top:3rem;text-align:left}.home-content h3{font-size:3.5rem;margin-bottom:2rem;margin-top:1rem}.home-content h1{font-size:7rem;font-weight:700;line-height:1;margin-top:1.5rem}.home-content .para{text-wrap:wrap;text-align:justify}.home-img,.home-img img{border-radius:50%}.home-img img{box-shadow:0 0 25px #12f944;box-shadow:0 0 25px var(--main-color);cursor:pointer;height:500px;position:relative;top:3rem;transition:.4s ease-in-out;width:500px}.home-img img:hover{box-shadow:0 0 25px #12f944,0 0 50px #12f944,0 0 100px #12f944;box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}.home-content p{font-size:1.5rem;font-weight:500;line-height:1.8;max-width:1000px}.social-icons a{align-items:center;background:#0000;border:2px solid navy;border-radius:50%;color:navy;display:inline-flex;font-size:2.5rem;height:4.5rem;justify-content:center;margin:3rem 1.5rem 3rem 0;transition:.3s ease-in-out;width:4.5rem}.social-icons a:hover{background-color:#12f944;background-color:var(--main-color);box-shadow:0 0 25px #12f944;box-shadow:0 0 25px var(--main-color);color:navy;transform:scale(1.3)translateY(-5px)}.btn{background:#12f944;background:var(--main-color);border:2px solid #0000;border-radius:4rem;color:#000;cursor:pointer;display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;padding:1rem 2.8rem;transition:.3s ease-in-out}.btn:hover{box-shadow:0 0 25px #12f944;box-shadow:0 0 25px var(--main-color);transform:scale(1.05)}.btn-group{align-items:center;display:flex;gap:1.5rem}.btn-group a{background-color:#000;border:3px solid #12f944;border:3px solid var(--main-color);box-shadow:0 0 25px #0000;color:#12f944;color:var(--main-color)}.btn-group a:hover{Color:#000;background-color:#12f944;background-color:var(--main-color);box-shadow:0 0 25px #12f944;box-shadow:0 0 25px var(--main-color)}.text-animation{font-size:34px;font-weight:600;min-width:280px}.text-animation span{position:relative}.text-animation span:before{animation:words 20s infinite;color:#12f944;color:var(--main-color);content:"Web Developer"}.text-animation span:after{animation:cursor .6s infinite,typing 20s steps(14) infinite;background:#007358;border-left:3px solid linear-gradient(#191645,#007358);border-left:3px solid var(--bg-color);content:"";height:100%;position:absolute;right:-8px;width:calc(100% + 8px)}@keyframes cursor{to{border-left:2px solid #12f944;border-left:2px solid var(--main-color)}}@keyframes words{0%,to{content:"Web Developer"}}@keyframes typing{10%,15%,30%,35%,50%,55%,70%,75%,90%,95%{width:0}20%,25%,40%,45%,5%,60%,65%,80%,85%{width:calc(100% + 8px)}}.about-me{background:linear-gradient(#191645,#007358);background:var(--bg-color);text-align:center}.about-me h2{font-size:5rem;margin-bottom:10px}.about-me h3{font-size:3rem;margin-bottom:10px}.about-me h4{font-size:1.4rem;margin-bottom:10px}.about-me .para{border:2px solid #12f944;border:2px solid var(--main-color);border-radius:3rem;font-size:2rem}.about-me .para,.para:hover{color:#fff;padding:3rem;text-align:justify}.para:hover{background:#000;border:4px solid #12f944;border:4px solid var(--main-color);border-radius:3rem;font-size:2.5rem}.about-content{align-items:center;display:flex;justify-content:center;margin-top:20px;row-gap:10px}.about-image{border:4px solid #12f944;border:4px solid var(--main-color);border-radius:3rem;height:400px;margin-right:30px;width:400px}.about-text{max-width:600px;text-align:left}.status{display:flex;gap:1rem;justify-content:space-around;margin-bottom:20px}.status-item{border:1px solid #12f944;border:1px solid var(--main-color);border-radius:3rem;font-size:2.5rem;padding:3rem;text-align:center}.status-item:hover{background:#000;border:4px solid #12f944;border:4px solid var(--main-color);border-radius:3rem;color:#fff;font-size:3rem;padding:3rem;text-align:center}.heading{font-size:8rem;margin:5rem 0;text-align:center}.education{background:linear-gradient(#191645,#007358);background:var(--bg-color);padding:100px 15px}.education h2{margin-bottom:5rem}.timeline-items{display:flex;flex-wrap:wrap;margin:auto;max-width:1200px;position:relative}.timeline-items:before{background-color:#12f944;background-color:var(--main-color);content:"";height:100%;left:calc(50% - 1px);position:absolute;width:5px}.timeline-item{margin-bottom:40px;position:relative;width:100%}.timeline-item:last-child{margin-bottom:0}.timeline-item:nth-child(odd){padding-right:calc(50% + 30px);text-align:right}.timeline-item:nth-child(2n){padding-left:calc(50% + 30px)}.timeline-dot{background-color:#12f944;background-color:var(--main-color);border-radius:50%;box-shadow:0 0 25px #12f944,0 0 50px #12f944;box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color);height:21px;left:calc(50% - 8px);position:absolute;top:10px;width:21px}.timeline-date{color:#fff;font-size:20px;font-weight:800;margin:6px 0 15px}.timeline-content{background-color:linear-gradient(#191645,#007358);background-color:var(--bg-color);border:3px solid #12f944;border:3px solid var(--main-color);border-radius:4rem;box-shadow:0 0 10px #12f944;box-shadow:0 0 10px var(--main-color);cursor:pointer;padding:30px 50px;transition:.3s ease-in-out}.timeline-content:hover{box-shadow:0 0 25px #12f944;box-shadow:0 0 25px var(--main-color);transform:scale(1.05)}.timeline-content h3{color:#fff;font-size:20px;font-weight:500;margin:0 0 10px}.timeline-content p{color:#fff;font-size:16px;font-weight:300;line-height:22px}.skills{background:linear-gradient(#191645,#007358);background:var(--bg-color);color:#000}.skills h2{color:#fff;margin-bottom:5rem}.skills-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.skills-box{border-radius:3rem;cursor:pointer;height:700px;transition:.4s ease-in-out}.skills-box,.skills-box:hover{border:5px solid #12f944;border:5px solid var(--main-color);color:#fff}.skills-box:hover{background:#000;transform:scale(1.03)}.skills-box .skills-info{display:flex;flex-direction:column;max-height:100px;padding:3rem;text-align:center}.skills-info h3{font-size:4rem;font-weight:800;line-height:2}.skills-info h4{font-size:2.5rem;font-weight:800;line-height:2}.skills-info p{font-size:2rem;font-weight:600;line-height:1.5;margin:auto;max-height:100px}.skills-info i{font-size:1.5rem}.projects{background:linear-gradient(#191645,#007358);background:var(--bg-color)}.projects-box{align-items:center;background-size:cover;display:flex;flex-direction:column;justify-content:center}.projects .heading{margin-bottom:5rem}.projects-box img{border:3px solid #12f944;border:3px solid var(--main-color);border-radius:20%;box-shadow:0 0 25px #12f944;box-shadow:0 0 25px var(--main-color);height:250px;width:250px}.wrapper{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr)}.projects-item{align-items:center;background:#000000b3;border:3px solid #eee3;border-radius:2rem;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:0 2rem;max-width:450px;min-height:550px;padding:30px 60px;text-align:center;transition:.4s ease-in-out}.projects-item:hover{border:3px solid #12f944;border:3px solid var(--main-color);box-shadow:0 0 50px #12f944;box-shadow:0 0 50px var(--main-color);transform:translateY(-10px)scale(1.03)}.projects-item h2{font-size:2.8rem}.projects-item p{font-size:1.3rem}.contact{background:linear-gradient(#191645,#007358);background:var(--bg-color)}.contact h2{color:#fff;margin-bottom:3rem}.contact form{align-items:center;display:flex;gap:3rem;justify-content:center;margin:5rem auto;text-align:center}.contact form .input-box{display:flex;flex-wrap:wrap;justify-content:center}.contact form .input-box input,.contact form textarea{background:#000;border:2px solid #12f944;border:2px solid var(--main-color);border-radius:2rem;color:#fff;color:var(--text-color);font-size:1.8rem;margin:1.5rem 0;padding:2.5rem;resize:none;width:100%}.contact form .btn{margin-top:2rem}.footer{background-color:linear-gradient(#191645,#007358);background-color:var(--bg-color);bottom:0;padding:40px 0;position:relative;width:100%}.footer .social{color:#12f944;color:var(--main-color);padding-bottom:25px;text-align:center}.footer .social a{border:2px solid navy;border-radius:50%;color:navy;display:inline-block;font-size:25px;height:42px;line-height:42px;margin:0 10px;text-align:center;transition:.3s ease-in-out;width:42px}.footer .social a:hover{background-color:#12f944;background-color:var(--main-color);box-shadow:0 0 25px #12f944;box-shadow:0 0 25px var(--main-color);color:navy;transform:scale(1.2)translateY(-10px)}.footer .copyright{color:#fff;font-size:2rem;line-height:1.6;margin-bottom:0;margin-top:30px;text-align:center}@media(max-width:1285px){html{font-size:55%}.portfolio-container{grid-template-columns:repeat(2,1fr);margin:0 5rem;padding-bottom:7rem}}@media(max-width:991px){header{padding:2rem 3%}section{padding:10rem 3% 2rem}.timeline-items:before{left:7px}.timeline-item:nth-child(odd){padding-right:0;text-align:left}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){padding-left:37px}.timeline-dot{left:0}.skills{padding-bottom:7rem}.projects .wrapper{grid-template-columns:repeat(1,1fr)}.contact form{flex-direction:column}.footer{padding:2rem 3%}}@media(max-width:768px){.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border-bottom:2px solid #12f944;border-bottom:2px solid var(--main-color);border-bottom-left-radius:2rem;border-left:2px solid #12f944;border-left:2px solid var(--main-color);display:none;flex-direction:column;padding:1rem 3%;position:absolute;right:0;top:100%;width:50%}.navbar.active{display:flex}#menu-icon,.navbar a{display:block}.navbar a{color:#fff;font-size:2rem;margin:3rem 0}.home{flex-direction:column-reverse;margin:5rem 4rem}.home-content h3{font-size:2.6rem}.home-content h1{font-size:8rem;margin-top:3rem}.home-content p{margin:0 auto;max-width:600px}.home-img img{height:50vw;width:50vw}.skills h2{margin-bottom:3rem}.skills-container{grid-template-columns:repeat(1,1fr)}.about-content{flex-direction:column;margin-bottom:20px;margin-right:0}.about-text{text-align:center}.about-image{height:70vw;padding:auto;width:70vw}}@media (max-width:480px){.about-me h2,.about-me h3{font-size:22px}.about-me .para{font-size:14px}.status{flex-direction:column}.status-item{margin-bottom:10px}}
/*# sourceMappingURL=main.0f4d5ebc.css.map*/