@import url(https://fonts.googleapis.com/css2?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}:root{--bg-color:#000;--second-bg-color:#161616;--text-color:#fff;--main-color:#7b4bb7}html{font-size:62.5%;overflow-x:hidden}body{background-color:#000;background-color:var(--bg-color);color:#fff;color:var(--text-color);font-family:Poppins,sans-serif}html::-webkit-scrollbar{width:.8rem}html::-webkit-scrollbar-track{background-color:#000;background-color:var(--bg-color)}html::-webkit-scrollbar-thumb{background-color:#7b4bb7;background-color:var(--main-color)};section{min-height:100vh;padding:5rem 9%}.home{align-items:center;animation:moveup .5s linear forwards;background-color:#000;background-color:var(--bg-color);display:flex;gap:8rem;justify-content:center;opacity:0;transform:translateY(30px)}@keyframes moveup{to{opacity:1}}.home .home-content h1{font-size:6rem;font-weight:700;line-height:1.3}span{color:#7b4bb7;color:var(--main-color)}.home-content h3{font-size:4rem;font-weight:700;margin-bottom:1rem}.home-img,.home-img img{border-radius:50%}.home-img img{box-shadow:0 0 25px #7b4bb7;box-shadow:0 0 25px var(--main-color);cursor:pointer;position:relative;width:32vw}.home-img img:hover{filter:drop-shadow(0 0 25px #7b4bb7);filter:drop-shadow(0 0 25px var(--main-color));transform:scale(1.01)}.home-content p{font-size:1.8rem;font-weight:500}.socail-icon a{align-items:center;background-color:initial;color:#7b4bb7;color:var(--main-color);display:inline-flex;font-size:2rem;height:4rem;justify-content:center;margin:3rem 1.5rem 3rem 0;transition:.3s ease;width:4rem}.socail-icon a:hover{color:#f5f5f5;transform:scale(1.3)translateY(-5px)}.btn{background:#000;background:var(--bg-color);border:2px solid #7b4bb7;border:2px solid var(--main-color);border-radius:4rem;color:#7b4bb7;color:var(--main-color);cursor:pointer;display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;padding:1rem 2.8rem;transition:.3s ease}.img1{width:25px}.btn:hover{background-color:#7b4bb7;background-color:var(--main-color);box-shadow:0 0 25px #7b4bb7;box-shadow:0 0 25px var(--main-color);color:#000;transform:scale(1.03)}.typing-text{font-size:34px;font-weight:600;min-width:280px}.typing-text span{position:relative}.typing-text span:before{animation:words 20s infinite;color:#7b4bb7;color:var(--main-color);content:"Frontend Developer"}.typing-text span:after{animation:cursor .6s infinite,typing 23s steps(0) infinite;background:#000;background:var(--bg-color);border-left:3px solid #000;border-left:3px solid var(--bg-color);content:"";height:100%;position:absolute;right:-8;width:calc(100% + 8px)}@keyframes words{0%,20%{content:"Web Developer"}21%,40%{content:"UI/UX Developer"}21%,40%{content:"Computer Trainer"}61%,80%{content:"Graphic Designer"}81%,to{content:"Video Editing"}}@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)}}@media (max-width:1000px){.home{gap:4rem}}@media (max-width:995px){.home{flex-direction:column;margin:5rem 4rem}.home .home-content h3{font-size:3rem}.home-content h1{font-size:5rem}.home-img img{margin-top:4rem;width:70vw}}.services{background:#161616;background:var(--second-bg-color);margin-top:150px}.services h2{border-bottom:1px solid #7b4bb7;border-bottom:1px solid var(--main-color);font-size:3rem}.services-container{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin-top:25px}.services-box{background-color:initial;border-radius:2rem;cursor:pointer;font-size:5px;height:300px;transition:.3s ease}.services-box:hover{background-color:#7b4bb7;background-color:var(--main-color);border:1px solid #7b4bb7;border:1px solid var(--main-color);color:#fff;color:var(--text-color);transform:scale(1.03)}.services-box .services-info{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:200px;padding:5em;text-align:center}.services-info h4{font-size:2.5rem;font-weight:500;margin-bottom:1rem}.services-info p{font-size:1.6rem;font-weight:400;margin:auto;max-height:100px}@media (max-width:991){.section{padding:10rem 3% 2rem}.services{padding-bottom:10rem 3% 2rem}.services-box{margin-top:50px};};@media (max-width:825px){.section h2{margin-bottom:3rem}.services-container{grid-template-columns:repeat(1,1fr);margin-top:25px}.services-box{font-size:5px;margin-top:50px};};.skills{background:#000;background:var(--bg-color)}.skills .heading{border-bottom:1px solid #7b4bb7;border-bottom:1px solid var(--main-color);font-size:3rem}.skills .container{background:#2c2c2c54;border-radius:1rem;color:#fff;color:var(--text-color);margin:2rem auto auto;padding:2rem;width:70%}.skills .container .row{grid-gap:1.8rem;display:grid;flex-direction:wrap;gap:1.8rem;grid-template-columns:repeat(6,1fr)}.skills .container .bar{background:#000;background:var(--bg-color);border-radius:1rem;margin-bottom:15px;padding:10px;transition:.3s ease}.skills .container .bar:hover{box-shadow:0 4px 10px #7b4bb7;box-shadow:0 4px 10px var(--main-color)}.skills .container .bar .info img{height:50px;width:50px}.skills .container .bar .info{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.skills .container .bar .info span{font-size:2rem;font-weight:500;margin-left:.5rem}@media screen and (max-whidth:600px){.skils .container{margin:0;padding:0}.skills .container .row{gap:1rem;grid-template-columns:repeat(2,1fr);margin:1rem;padding:2rem .2rem}.skills .container{margin-top:5px;width:100%}}.footer{bottom:0;position:relative;width:100%}.footer .copyright{color:#474747;font-size:16px;margin-top:50px;text-align:center}@media(max-width:1285px){html{font-size:55%}.services-container{grid-template-columns:repeat(1,1fr);margin:0 5rem;padding-bottom:7rem}}@media(max-width:991px){.header{padding:2rem 3%}.section{padding:10rem 3% 2rem}.services{padding-bottom:7rem}.footer{padding:2rem 3%}.skills .container .row{grid-gap:1.8rem;display:grid;flex-direction:wrap;gap:1.8rem;grid-template-columns:repeat(1,1fr)}.eduction .content{background:#7b4bb7;background:var(--main-color);border-radius:6px;position:relative;width:150px}.eduction .left{left:-60px}.eduction .right{left:160px}.eduction .container:after{right:-75px};};@media(max-width:895px){.services h2{margin-bottom:3rem}.services-container{grid-template-columns:repeat(1,1fr)}}.contact h2{color:#f5f5f5;margin-bottom:3rem}.contact .heading{font-size:5rem;text-align:center}.contact form{margin:1rem auto 3rem;max-width:70rem;text-align:center}.contact form .input-box{display:flex;flex-wrap:wrap;justify-content:center}.contact form .input-box input,.contact form textarea{background-color:#000;background-color:var(--bg-color);border:2px solid #7b4bb7;border:2px solid var(--main-color);border-radius:.8re;color:#fff;color:var(--text-color);font-size:1.6rem;margin:1rem 0;padding:1.5rem;resize:none;width:100%}.contact form .btn{margin-top:2rem}header{align-items:center;background:#000000b3;display:flex;filter:drop-shadow(10px);justify-content:space-between;left:0;padding:3rem 9%;position:fixed;top:0;width:100%;z-index:100}.logo{color:#a1a1a1;cursor:pointer;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:3rem;font-weight:800;transition:.5s ease}.logo:hover{transform:scale(1.1)}.navbar a{border-bottom:3px solid #0000;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 var(--main-color);color:var(--main-color)}#menu-icon{color:var(--main-color);display:none;font-size:3.6rem}@media(max-width:995px){#meue-icon{display:block}.navbar{background-color:var(--second-bg-color);border-bottom-left-radius:2rem;border-left:3px solid var(--main-color);border-top:.1rem solid #0000001a;display:none;padding:1rem 3%;position:absolute;right:0;top:100%;width:40px}.navbar .active,.navbar a{display:block}.navbar a{font-size:2rem;margin:3rem 0}.navbar a:active,.navbar a:hover{border-bottom:.5rem solid var(--main-color);border-radius:.5rem;padding:1rem}}
/*# sourceMappingURL=main.d7bbe1ee.css.map*/