*{margin:0;padding:0}#root{background:#000}#header{display:flex;justify-content:space-between;position:fixed;width:100%;top:0;background:#000;padding:15px 0}#menu{margin-right:35px;text-decoration:none}.header a{color:#fff;text-decoration:none}a:hover{color:brown}.about{height:300rem;background-color:#171616}#a{display:flex;justify-content:center;padding-top:40px;gap:1rem;background:var(--second-bg-color)}.about{color:#fff}.about-img img{width:25vw}#aboutMe{display:flex;text-align:center;font-size:40px}#aboutp{display:flex;text-align:center;margin-top:9px}#about-details{display:flex;justify-content:space-around}.heading{font-size:2.5rem;color:brown}#b h1{color:red;margin-left:700px;padding-top:80px}#b p{margin-left:620px}#content{color:#d3d3d3;font-size:20px;margin-top:5px}#home{display:flex;justify-content:space-around;padding-top:45px;height:100%}.about-content{background-color:#1e1d1d}.about-content p{padding-left:10px;font-size:large}.SKILLS{height:100%}.skills-content{display:flex;justify-content:space-around;padding-top:40px}.skills-content h1{margin-bottom:15px}.skills-content2{display:flex;justify-content:space-around}#html{padding-left:400px}#css{padding-left:430px}#js{padding-left:350px}#python{padding-left:380px}#wb{padding-left:340px}#wbd{padding-left:270px}#gd,#sm{padding-left:300px}#c{display:flex;justify-content:center}#c h1{margin-top:90px}.SKILLS h1{color:#fff}.SKILLS span{color:brown}#y{width:500px;height:2px;border:solid thin red;background-color:brown}#s h3,#s span{color:#fff}#s{border:solid thick brown;padding:60px;border-radius:10px}#s h3{padding:20px 0}.projects{background-color:#171616;height:100%;padding:0 5rem}.projects h2{padding:5rem 4rem 2rem;display:flex;justify-content:center;align-items:center}.projects-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2.5rem;padding-bottom:5rem}.projects-container .project-box{position:relative;border-radius:2rem;box-shadow:0 0 1rem;overflow:hidden;display:flex;height:36vh}.project-box img{width:100%;transition:.5s ease}.project-box:hover img{transform:scale(1.1)}.project-box .project-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(#0000001a,#0ff);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 5rem;transform:translateY(100%);transition:.5s ease}.project-box:hover .project-layer{transform:translateY(0)}.project-layer h4{font-size:3rem}.project-layer p{font-size:1.6rem;margin:.3rem 0 1rem}.project-layer a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:#fff;border-radius:50%}.project-layer a i{font-style:2rem;color:#0c1022}.skills-box ul{list-style:none}.skills-box li a{color:#fff;font-size:2rem}.skills-box h3{color:brown}.skills-container .skills-box{display:grid;grid-template-columns:repeat(5,1fr)}.task-section{max-width:1200px;margin:0 auto 50px;padding:0 20px 20px;height:100vh;box-shadow:0 0 10px #0000001a}.task-section h1{text-align:center;margin-bottom:20px;color:brown;font-size:40px;margin-top:70px}.task-boxes{display:flex;flex-wrap:wrap;justify-content:center}.task-box{background-color:#fff;border:1px solid #ddd;padding:20px;width:calc(20% - 20px);margin:10px;text-align:center}.task-box h2{font-weight:700;margin-bottom:10px}.task-box ul{list-style:none}.task-box ul li a{color:brown;text-decoration:none;font-size:20px}.contact{margin-top:-70px;padding-top:70px}.contact .heading{display:flex;justify-content:center;align-items:center;padding-top:80px}.contact h2{margin-bottom:1rem}.contact form{max-width:70rem;margin:1rem auto 3rem;text-align:center}.contact form .input-box{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.contact form .input-box input,.contact form textarea{width:100%;padding:1rem;font-size:1.6rem;color:#fff;background:#9d9fa6;border-radius:.8rem;margin:.7rem 0}.contact form .input-box input{width:85%}.contact form textarea{resize:none}#msg{width:90%}.contact form .btn{margin-top:.5rem;cursor:pointer;background:linear-gradient(#0000001a,brown);margin-bottom:4rem;padding:7px 10px;font-size:medium;color:#fff;border-radius:15px}