*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;background-color:transparent}body{background-color:#0c0c1d;color:#d3d3d3;overflow:hidden;overflow-y:scroll}#intro{height:calc(100vh - 5rem);width:100vw;max-width:75rem;margin:0 auto;overflow:hidden;position:relative}.bg{position:absolute;top:0;right:0;z-index:-1;object-fit:cover;height:100vh}.introContent{height:100vh;width:100vw;font-size:2rem;font-weight:700;display:flex;flex-direction:column;justify-content:center;padding:1rem;gap:5px}.hello{font-size:1rem;font-weight:100}.name{color:#ff0}.icon{height:1.5rem;width:1.5rem;object-fit:cover}.introPara{font-size:medium;font-weight:100}.btn{display:flex;gap:20px;font-size:medium;font-weight:100;margin:1rem 0}.hireMe{background-color:#df8080;width:7rem;display:flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:10px;cursor:pointer;text-decoration:none;color:#000;border:none}.download{background-color:#d9d7d7;width:11rem;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;cursor:pointer;color:#000;text-decoration:none}@media screen and (max-width:840px){.bg{right:-25vw}.introContent{font-size:8vw}.hello{font-size:4.5vw}}@media screen and (max-width:480px){.bg{right:-35vw}}@media screen and (max-width:430px){.bg{right:-65vw}}@media screen and (max-width:390px){.bg{right:-75vw}}@media screen and (max-width:320px){.bg{right:-70vw}}.navbar{height:5rem;width:100vw;max-width:75rem;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3;background-color:#0c0c1d}.logo{object-fit:cover;width:50px;height:50px}.logosection{display:flex;align-items:center;gap:10px}.contact{object-fit:cover;width:30px;height:30px;background-color:#fff}.contactMe{padding:5px 10px;background-color:#6cddd3;border:none;border-radius:6px;display:flex;align-items:center}.links{display:flex;gap:25px;font-size:1.5rem;cursor:pointer}.item:hover{color:#ff0;padding-bottom:.2rem;border-bottom:3px solid yellow}.item{color:#fff}.active{color:#ff0;padding-bottom:.2rem;border-bottom:3px solid yellow}.mobMenu{width:2rem;height:2rem;object-fit:cover;display:none}.navMenu{position:absolute;top:4rem;right:2rem;z-index:2;display:flex;flex-direction:column;padding:.5rem;height:fit-content;min-width:15rem;background:#2b2b45;border-radius:1rem}.hideMenu{padding:.5rem 3.5rem;margin:.5rem;background-color:#0c0c1d}@media screen and (max-width:720px){.mobMenu{display:flex}.links,.contactMe{display:none}}#about{overflow:hidden;width:100vw;max-width:75rem;display:flex;flex-direction:column;margin:2rem auto 1rem;align-items:center;justify-content:center;text-align:center}.about{opacity:0;transform:translate(-50px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.about.in-view{opacity:1;transform:translate(0)}.aboutText{display:flex;flex-direction:column;gap:2px}.title{font-size:3rem;font-weight:600}.who{font-size:2rem;font-weight:400;color:#ff0}.detail{font-size:1.5rem;font-weight:400;margin-bottom:10px;color:#d3d3d3}.description{max-width:65rem}.cards{display:flex;justify-content:center;flex-direction:column;gap:20px;margin-top:3rem;margin-bottom:3rem}.card{display:flex;color:#fff;max-width:40rem;background-color:#2b2b45;border-radius:10px;padding:5px 15px;box-shadow:0 25px 50px -12px #3b3b5e}.card img{margin:10px;width:5rem;height:5rem;object-fit:cover}.text{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.text h3{font-size:1.5rem;color:#ff0}@media screen and (max-width: 370px){.text h3{font-size:1rem}.text p{font-size:small}.card img{margin:8px;width:3rem;height:3rem;object-fit:cover}.title{font-size:2rem}.who{font-size:1.5rem}}.skills{overflow:hidden;width:100vw;max-width:75rem;display:flex;flex-direction:column;align-items:flex-start;margin:0 auto}.heading{display:flex;flex-direction:column;gap:10px;font-size:1.5rem;margin-top:5rem}.heading h3{color:#ff0}.skillCard{display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:space-between;margin:5rem 0 0}.skill{background-color:#d3d3d3;color:#000;width:14rem;padding:15px;display:flex;align-items:center;border-radius:10px;box-shadow:0 25px 50px -12px #ffeded40}.skill img{width:3.5rem;height:3.5rem;margin-right:5px}.skill span{font-size:1.5rem;margin-left:5px}@media screen and (max-width:480px){.skill{width:10rem;padding:10px}.skill img{width:2rem;height:2rem;margin-right:2px}.skill span{font-size:1rem;margin-left:5px}}.projects{overflow:hidden;width:100vw;max-width:75rem;display:flex;align-items:flex-start;flex-direction:column;margin:0 auto}.projectCards{display:flex;flex-direction:row;gap:25px;flex-wrap:wrap;justify-content:space-between;margin:2rem 0}.project{background-color:#d3d3d3;display:flex;flex-direction:column;width:35rem;max-width:28rem;height:20rem;border-radius:15px}.project img{width:100%;height:15rem;padding:.5rem}.details{display:flex;flex-direction:row;justify-content:space-between;color:#000;margin:0 1rem}.projectName{color:#0c0c1d;font-size:1.5rem}.desc{color:#464646}.info{display:flex;align-items:center;justify-content:center;margin:.5rem}.more{width:8rem;padding:1rem;background-color:#4545eb;box-shadow:0 25px 50px -12px #cec2c240;color:#fff;border-radius:10px;font-size:1.05rem;text-align:center}.more:hover{scale:1.1;font-size:medium}@media screen and (max-width:480px){.project{width:22rem}}#contacts{overflow:hidden;width:100vw;max-width:75rem;display:flex;flex-direction:column;margin:3rem auto 2rem;align-items:center;justify-content:center;text-align:center}.contactTitle{font-size:2.5rem;padding:1rem 0 0;color:#ff0}.contactDesc{font-size:1.5rem;padding:1rem 0}.contactForm{margin:1rem;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;width:90vw;max-width:75rem}.contactName,.email,.msg,.subject{font-size:medium;width:100%;max-width:40rem;margin:.5rem;padding:.8rem 1rem;color:#d3d3d3;border:none;border-radius:.4rem;background-color:#2b2b45}.submitBtn{background-color:#f5f5f5;border:none;padding:.8rem 4rem;margin:2rem 0;border-radius:10px}.submitBtn:hover{background-color:#0ff;font-size:large}.contactlinks{display:flex;flex-wrap:wrap}.contactlink{object-fit:cover;height:2rem;width:2rem;margin:0 .75rem}.footer{width:100vw;height:4rem;background-color:#2b2b45;display:flex;align-items:center;justify-content:center;font-weight:300;font-size:small}