Apply global reset *{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}#root{max-width:1320px;margin:0 auto;min-height:100vh}.main{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:1.6em}.left{width:50%;display:flex;align-items:center;justify-content:flex-start;gap:30px}.right{display:flex;align-items:center;justify-content:flex-end;width:50%;gap:30px}.link,.nlink{text-decoration:none;color:#000;font-weight:400;position:relative}.link:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background-color:#000;transition:width .3s ease-in-out}.link:hover:after{width:100%}.nlink:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background-color:#000;transition:width .3s ease-in-out}.nlink:hover:after{width:100%}@media (max-width: 376px){div.right{display:none}div.left{width:fit-content;margin-left:4px;gap:8px}}#p{margin-top:10px;height:100vh;width:100%}#pro{padding:0;margin:0;cursor:pointer;position:relative;width:fit-content}#pro:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background-color:#000;transition:width .3s ease-in-out}#pro:hover:after{width:100%}#projects{margin-top:25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:40px}#img1{background-image:url(/assets/project1-DDqej7Lv.png)}#img2{background-image:url(/assets/project2-Bnaa3tO5.png)}#img3{background-image:url(/assets/project3-CBJQnfJf.png)}#img4{background-image:url(/assets/ecommerce-DYmgnWOx.png)}.image{border-top:1px solid gray;height:120px;background-position:top;background-size:cover;text-align:center}.project{width:30%;height:180px}.About h2{margin:5px 0 0;font-weight:400;font-family:Georgia,Times New Roman,Times,serif;border-bottom:1px solid black}.pLinks{text-decoration:none;color:#000;font-size:1.2em;position:relative}.pLinks:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:1px;background-color:#000;transition:width .3s ease-in-out}.pLinks:hover:after{width:100%}@media (max-width: 376px){.pro{margin-left:10px}.project1 h2,.project2 h2,.project3 h2{font-size:20px}.project1,.project2,.project3{height:fit-content}.img1,.img2,.img3{height:80px}.projects{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-block:10px;margin-top:35px}}.Home{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh}.main-line{color:#b3b3b5;font-size:40px;font-family:serif}.intro{font-family:Arial,Helvetica,sans-serif;font-size:1.7rem;text-align:center;margin-top:-48px;display:flex;align-items:center;justify-content:center;flex-direction:column}h1{font-weight:400;margin:22px;font-size:45px;font-family:serif}.img{background-image:url(/assets/aasim1-CywiI-Z7.png);background-position:top;background-size:cover;width:30%;height:380px}@media (max-width: 376px){div.intro{font-size:13px;margin-top:-40px}div.img{width:180px;height:180px}}.footer{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:102px;padding:10px 20px;border-top:2px solid #B3B3B5;color:#000}.dlink{display:flex;align-items:center;gap:20px}.flink{text-decoration:none;color:#000;font-weight:500}button.btn{border:none;background-color:transparent;font-size:1.1rem;font-family:Times New Roman,Times,serif;cursor:pointer}@media (max-width: 376px){.footer{flex-direction:column}button.btn{font-size:18px;width:fit-content;margin-bottom:10px}.dlink{font-size:18px;gap:10px}}.about{border-top:1px solid black;margin-block:4px;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:50px}p.skills{font-size:1.8rem;font-family:Times New Roman,Times,serif;margin-top:-25px}#sk{margin-top:-350px}.Link{text-decoration:none;color:#000;position:relative}h2{font-size:2rem;font-weight:400;width:fit-content;position:relative}h2:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background-color:#000;transition:width .3s ease-in-out}h2:hover:after{width:100%}@media (max-width: 376px){div.about{text-align:center}h2{font-size:28px}}form{width:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;padding:0}h2{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}h3{color:red;font-size:10px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}input{outline:none;height:40px;width:100%;margin-block:10px;border-radius:2px;border:1px solid black;padding-inline:4px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}input::placeholder{font-style:italic;font-size:14px;opacity:.7}input:focus{border-color:#000;box-shadow:0 0 5px 1px #ffffff7f}.btnn{font-family:Times New Roman,Times,serif;border:1px solid black;cursor:pointer;width:100px;height:40px;transition:background-color .3s ease-in-out}.btnn:hover{background-color:#b3b3b5;border-radius:4px}div.LoginSignup{display:flex;align-items:center;justify-content:center;height:100vh}div.outer{margin-top:-100px;border:1px solid black;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:400px;height:fit-content;padding-inline:40px;padding-block:10px}div.username,div.password,div.email{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}@media (max-width: 376px){div.LoginSignup{width:fit-content}div.outer{width:240px;height:440px;margin-left:4px;margin-top:-30px}}