:root{--darkergray:#747474;--genColor:#e5e5e5;--black:#000;--white:#fff;--darkgray:#909090;--gray:#c4c4c4;--transform:translateY(5px);--transition:all 400ms ease}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{background-color:#e5e5e5;background-color:var(--genColor);font-family:Arial,Helvetica,sans-serif;margin:0 3rem}.landing--pg{height:90vh;overflow:hidden;width:100%}.name--sec{display:flex;justify-content:center;margin-top:11rem}.name{font-family:Tahoma,sans-serif,Verdana;font-size:2.3rem}.handwave{margin-left:10px;width:30px}.dev-info{color:#747474;color:var(--darkergray);line-height:20px;margin-top:1rem}.cv--div{align-items:center;background-color:#c4c4c4;background-color:var(--gray);border-radius:10px;box-shadow:0 0 5px #747474;box-shadow:0 0 5px var(--darkergray);color:#000;color:var(--black);display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:3rem;justify-content:center;margin-top:1.5rem;transition:all .4s ease;transition:var(--transition);width:9rem}.downloadIcon{padding:5px}.cv--div:hover{background-color:#000;background-color:var(--black);color:#e5e5e5;color:var(--genColor);-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transform:var(--transform);transform:var(--transform)}.user-pic--main{height:250px;margin-left:2.5rem;width:250px}.user--pic{background-image:linear-gradient(to bottom left,#909090,#e5e5e5);background-image:linear-gradient(to bottom left,var(--darkgray),var(--genColor));border-radius:70px 0;height:100%;overflow:hidden;width:100%}.user--pic:hover{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.user--pic img{height:100%;object-fit:cover;width:100%}.socia--handles{align-items:center;bottom:1rem;display:flex;flex-direction:column;left:3rem;position:absolute}.socia--handles:after{content:"";height:3rem;width:2px}.socia--handles--icon,.socia--handles:after{background-color:#c4c4c4;background-color:var(--gray);margin-top:10px}.socia--handles--icon{align-items:center;border-radius:2px;box-shadow:0 3px 3px rgba(0,0,0,.25);display:flex;font-size:20px;height:30px;justify-content:center;transition:all .4s ease;transition:var(--transition);width:30px}.socia--handles--icon:hover{background-color:#000;background-color:var(--black);color:#e5e5e5;color:var(--genColor);-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transform:var(--transform);transform:var(--transform)}.socia--handles--icon a{color:#000;color:var(--black);text-decoration:none;transition:all .4s ease;transition:var(--transition)}.socia--handles--icon a:hover{color:#fff;color:var(--white)}.nav--main{align-items:center;display:flex;justify-content:space-between;padding-top:1rem}.checkbtn{cursor:pointer;font-size:24px}#check,.checkbtn{display:none}.navbar--nav{display:flex;justify-content:flex-end;width:100%}.navlink{color:#000;color:var(--black);font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;list-style:none;margin-left:1rem;text-decoration:none}.navlink:hover{color:#747474;color:var(--darkergray)}.error--page{height:100vh;overflow:hidden;width:100%}.error--div,.error--page{align-items:center;display:flex;justify-content:center}.error--div{flex-direction:column;text-align:center}.error--image{height:100px;width:100px}.txt--404{font-size:2.5rem;margin-top:1rem}.error--msg,.txt--404{color:#747474;color:var(--darkergray);font-family:Arial,Helvetica,sans-serif}.error--msg{font-size:1.5rem}.error--txt{color:#747474;color:var(--darkergray);font-size:12px;line-height:20px;margin-top:1rem}.about--page{height:90vh}.about--page,.abt--main--page{align-items:center;display:flex;flex-direction:column;width:100%}.abt--main--page{height:100%;margin-top:4rem}.head--txt{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem;margin-top:3rem}.about--container{align-items:center;display:flex;justify-content:center;width:100%}.about-image--div{border-radius:10px;box-shadow:0 0 7px #909090;box-shadow:0 0 7px var(--darkgray);height:280px;margin-right:5rem;overflow:hidden;width:330px}.abtImage{height:100%;width:100%}.about--info{overflow:hidden;width:330px}.abtInfo--header{font-size:26px}.abtinfo--txt{font-size:14px;margin-top:1rem}.about--card--main{flex-direction:row;gap:3rem;margin-bottom:5rem;margin-top:2rem;width:100%}.about--card,.about--card--main{align-items:center;display:flex;height:auto;justify-content:center}.about--card{background-color:#c4c4c4;background-color:var(--gray);border-radius:10px;flex-direction:column;padding:1.5rem;transition:all .4s ease;transition:var(--transition);width:12rem}.about--card:hover{background:transparent;border:1px solid #909090;border:1px solid var(--darkgray)}.ab--card--head{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin-top:.5rem}.ab--card--txt{font-size:14px;margin-top:.5rem}.skill-head-txt{margin-top:3rem}.skill--page{align-items:center;display:flex;flex-direction:column;height:100vh;width:100%}.now--using--txt{margin-top:2rem}.now--using{grid-gap:24px;display:grid;height:auto;justify-content:center;padding:20px;width:auto;@media (min-width:400px){grid-template-columns:repeat(2,1fr)}@media (min-width:600px){grid-gap:3rem;grid-template-columns:repeat(2,1fr)}@media (min-width:800px){grid-template-columns:repeat(4,1fr);width:700px}}.skill--div{flex-direction:column;height:80px;width:80px}.skill--div,.skill--el--img{align-items:center;display:flex;justify-content:center}.skill--el--img{border-radius:35px;box-shadow:0 0 7px #747474;box-shadow:0 0 7px var(--darkergray);height:60px;overflow:hidden;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);transition:all .4s ease;transition:var(--transition);width:60px}.skill--el--img:hover{background-color:#fff;background-color:var(--white);-webkit-transform:rotate(1turn);transform:rotate(1turn)}.skimg{height:60px;object-fit:cover;padding:.7rem;width:60px}.skill--el{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;font-weight:700;margin-top:.5rem}.learning-div{padding-bottom:3rem}.learning--txt{margin-top:3rem}.portfolio--page{align-items:center;display:flex;height:90vh;justify-content:center;width:100%}.comingSoon{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem;font-weight:700}.contact--page{align-items:center;display:flex;flex-direction:column;height:90vh;width:100%}.contact--main{display:flex;flex-direction:row;gap:6rem;justify-content:space-around;margin-top:2rem}.contact--card--main{display:flex;flex-direction:column;gap:1.2rem;width:15rem}.contact--card{background-color:#c4c4c4;background-color:var(--gray);border:1px solid transparent;border-radius:1.2rem;font-size:13px;padding:1.2rem;text-align:center;transition:all .4s ease;transition:var(--transition)}.contact--card:hover{background:transparent;border-color:#747474;border-color:var(--darkergray)}.contact--icon{font-size:1.5rem;margin-bottom:1.2rem}.contact--card a{display:inline-block;margin-top:1rem;text-decoration:none}.form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:2px solid #747474;border:2px solid var(--darkergray);border-radius:.5rem;margin-top:1rem;padding:1.2rem;resize:none;width:20rem}.submit--btn{border:1px solid transparent}.submit--btn:hover{background:transparent;border-color:#747474;border-color:var(--darkergray);color:#000;color:var(--black)}@media screen and (max-width:700px){.landing--pg{overflow:visible}.name--sec{align-items:center;flex-direction:column;margin-top:5rem}.user-pic--main{margin:3rem 0;min-width:300px}.socia--handles{display:none}.logo--img{left:25px;position:absolute;top:16px}.checkbtn{color:#000;color:var(--black);position:absolute;right:25px;top:20px;z-index:10}.checkbtn,.nav--main{display:block}.navbar--nav{align-items:center;background:#c4c4c4;background:var(--gray);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;margin:0;position:absolute;top:-120%;transition:all .4s ease;transition:var(--transition);width:100%;z-index:1}#check:checked~ul{top:0}.navlink{margin-top:50px}.about--container{flex-direction:column;width:100%}.about-image--div{height:auto;margin-right:0;width:auto}.about--card--main{display:block;padding-bottom:5rem}.about--card{margin-top:1rem;width:auto}.about--info{margin-top:2rem;width:auto}.contact--main{align-items:center;display:block}.contact--card{width:20rem}form{margin:2rem 0}}
/*# sourceMappingURL=main.ced301e3.css.map*/