*{padding:0;margin:0}body{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;background-color:#000;color:#fff}.nav{display:flex;justify-content:space-around;align-items:center}.nav-bar{display:flex;gap:4rem;align-items:center}.nav-bar div{position:relative;cursor:pointer}.nav-bar div:after{content:" ";width:0px;height:2px;background-color:#00f;position:absolute;left:0;bottom:-4px;transition:all .3s ease-in-out}.nav-bar div:hover:after{width:100%}.main-page{padding-top:12rem;display:flex;justify-content:center;align-items:center;gap:10rem}.main-page-text{font-size:2rem;font-weight:700}.main-page-text-intro{font-size:3rem;display:flex;gap:10px}.photo-div{margin-top:3rem;height:500px;width:375px;overflow:hidden;border-radius:2rem}.photo{object-fit:contain;height:100%;width:100%;border-radius:2rem}.about-me{display:flex;justify-content:center;gap:5rem;margin-top:15rem;padding-top:5rem}.about-bar{position:relative;cursor:pointer}.about-bar:after{content:" ";width:0px;height:2px;background-color:#00f;position:absolute;left:0;bottom:-4px;transition:all .3s ease-in-out}.about-bar.visible:after{width:100%}.description{display:flex;flex-direction:column;gap:15px;font-size:1.2rem}.topic{color:#00f}.my-services{margin-top:5rem;padding:5rem 10rem 7.2rem}.works{margin-top:5rem;padding:0rem 10rem 3rem}.services-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}.my-services-text{padding:5rem 4rem 5rem 2rem;border-radius:1rem;background-color:#232323;transition:all .3s ease-in-out}.my-services-heading{font-size:1.5rem;font-weight:700}.my-services-para{font-size:1.1rem}.my-services-text:hover{background-color:#00f;scale:1.1}.my-works{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.my-works-img{height:500px;overflow:hidden;border-radius:2rem;position:relative}.hover{height:0px;width:100%;background:linear-gradient(to bottom,#0000ffbf,#0000ff67);z-index:2;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:1.2rem;overflow:hidden;transition:all .5s ease-in-out}.my-works-img:hover .hover{height:500px}.navigate-button{height:50px;width:50px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.see-more{display:flex;justify-content:center;padding-top:2rem}.see-more-btn{background-color:#00f;padding:1rem 2rem;font-size:1.5rem;border-radius:1.5rem;cursor:pointer}.contact-div{padding:10rem;display:grid;grid-template-columns:30% 70%;gap:100px}.contact-content{display:flex;align-items:center;gap:1rem;font-size:1.2rem}.contact{display:flex;flex-direction:column;gap:2rem}.logo{font-size:1.7rem}.cv{display:flex}.cv-button{background-color:#00f;padding:1rem 2rem;border-radius:1rem}.form{display:flex;flex-direction:column;gap:2rem}.form-text{height:55px;width:80%;border-radius:1rem;background-color:#252525;border:none;padding:0 1rem;font-size:1rem;color:#fff}.form-msg{height:150px;display:flex;width:80%;border-radius:1rem;background-color:#252525;border:none;padding:10px 1rem;font-size:1rem;color:#fff;font-family:Poppins,sans-serif}.submit-btn{width:150px;background-color:#00f;color:#fff;border:none;height:50px;border-radius:1rem}