#header{justify-content:center;align-items:center;gap:30px;width:100%;min-height:600px;padding:10%;display:flex}#header .content{flex-direction:column;flex:50%;justify-content:flex-start;align-items:flex-start;height:auto;display:flex}#header h1{margin-bottom:20px;font-size:5.1rem;font-weight:400;line-height:90px}#header p{color:#888383;margin-bottom:20px;font-size:20px;line-height:35px}#header button{background-color:#9333ea;border:0;padding:13px 30px;transition:background-color .3s ease-in-out}#header button a{color:#fff;font-size:18px;text-decoration:none}#header button:hover{background-color:red}#header img{border:10px solid #0000;border-image:linear-gradient(90deg,#0000,#000000b3) 1;flex:50%;transition:transform 1s ease-in-out}#header img:hover{transform:translate(30px)}.rotate{color:#9333ea;border:1px solid #b752e9;width:fit-content;margin-bottom:20px;padding:8px 20px;transform:rotate(340deg)}#about{background-color:#eeedad;width:100%;padding:5% 10%}#about h2{margin:10px;font-size:3rem}#about .services{grid-template-columns:repeat(3,1fr);display:grid}#about .services .service{background-color:var(--primary-color);border:2px solid #000;flex-direction:column;gap:10px;margin:15px;padding:20px;transition:box-shadow .3s ease-in-out;display:flex}#about .services .service:hover{box-shadow:7px 7px 5px #000000b3}#about .services .service h3{font-size:27px;font-weight:400}#about .services .service p{color:var(--secondary-color);line-height:30px}#about .services .service .icon{background:#ff0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;display:flex}#about .services .service .icon i{font-size:20px}#contact{background:#ebdbd3;width:100%;padding:5% 10%}#contact h2{font-size:3rem}#contact .contact-details{gap:40px;display:flex}#contact form{background-color:#fff;border:2px solid #000;flex:50%;margin:20px 0;padding:30px}#contact .details{flex:50%}#contact .content-details h3{font-size:2rem;font-weight:bolder}#contact .content-details h6{columns:var(--secondary-color);margin-bottom:20px;font-size:20px}#contact form input,textarea{width:100%;width:10px 0;border:2px solid #000;padding:10px}#contact form .name-email{gap:20px;width:100%;display:flex}#contact form .name-box,#contact form .Email-box{flex:50%}#contact form label{margin:5px 0;font-size:18px;font-weight:500;display:block}#contact form button{background:#ff0;border:none;margin-top:20px;padding:13px 20px;transition:all .3s ease-in-out}#contact form button a{text-decoration:none;transition:all .3s ease-in-out}.send-edit a{color:#000}#contact form button:hover{background:#000}#contact form button:hover a{color:#fff}#contact .details{flex:50%;margin:20px 0}#contact .detail-box{align-items:flex-start;gap:20px;margin:30px;display:flex}#contact .detail-box .box{border-top:2px solid #000;width:100%;padding-top:30px}#contact .detail-box .box:first-child{border-top:none!important}#contact .detail-box h5{font-size:18px}#contact .detail-box h4{font-size:23px}@media (max-width:1100px){nav{padding:0 7%!important}#header{padding-top:140px;padding:10% 5%!important}#about{padding:10% 5%!important}#skill-expe{padding:15% 5%!important}#skill-expe .experience h2{font-size:3rem}#projects{padding:10% 5%}#projects .projects{grid-template-columns:repeat(2,1fr)}#content{padding:10% 5%}#footer{padding:5%}}@media (max-width:800px){.open{display:block}#header{flex-direction:column}#header .content{text-align:center;align-items:center}#header .content h1{font-size:3.1rem;line-height:60px}.rotate{margin-top:25px;transform:rotate(0)}#about .services{grid-template-columns:repeat(1,1fr)}#skill-expe .experience{flex-direction:column;gap:40px}.experience .content,.experience .expe{width:100%!important}#skill-expe .skills .skills-profile{flex-direction:column;gap:30px}#projects .projects{grid-template-columns:repeat(1,1fr)}#contact .contact-details{flex-direction:column!important}h2{font-size:2.5rem}}