.Home{
    text-align: center;
    background-color: greenyellow;
    flex-wrap: wrap;
    flex: 50%;
}
.About{
    display: flex;
    align-items: center;
    padding-left: 400px;
    margin-top: 100px;
    
}
.image{
    padding-right: 300px;
}
.Skills{
    padding-left: 50px;
    margin-top: 100px;
}
.Service{
    background-color: blanchedalmond;
    text-align: center;
    margin-top: 100px;
    flex: 50%;
    flex-wrap: wrap;
}
.service-card{
    padding-left: 500px;
    flex: 50%;
    
    
}
.div-service{
    padding: 30px;
    display: flex;
    justify-content: space-between;
    padding-right: 500px;
    
    
}
.Portfolio{
      text-align: center;
      margin-top: 150px;
}
.div-Portfolio{
      margin-top: 100px;
      display: flex;
      justify-content: space-between;

}
.div-portfolio1{
      display: flex;
      gap: 15px;
      padding-left: 200px;
      padding-top: 50px;
      float: 25%;
      flex-wrap: wrap;
}
.Education{
    display: flex;
    justify-content: center;
    padding-top: 100px;
    background-color: blanchedalmond;
}
.edu{
    padding-right: 200px;
    text-align: center;
    flex: 50%;
}
.cation{
    padding-left: 200px;
    text-align: center;
    flex: 50%;
}
.div-testimonial{
    text-align: center;
    margin-top: 100px;
    flex: 50%;
}
.div-testimonial2{
    text-align: center;
    padding: 20px;
    flex: 50%;
}
.contact{
    margin-top: 100px;
    display: flex;
    justify-content: center;
    background-color: antiquewhite;
}
.information{
    padding-right: 200px;
    text-align: center;
    flex: 50%;
}
.form{
    padding-left: 200px;
    flex: 50%;
}
.submit{
    
    border-radius: 2px;
    border: 1px;
    background-color: orangered;
    color: white;
    
}
.footer{
    display: flex;
    background-color: darkslategrey;
    color: white;
    justify-content: center;
    
}
.social-links{
    padding-right: 400px;
    text-align: center;
    flex: 50%px;
}
.copy{
    padding-left: 400px;
    text-align: center;
    padding-top: 50px;
    flex: 50%px;
}
@media (max-width: 600px) {
    .Home {
        flex-direction: column;
        flex: 50%;
    }
}
@media (max-width: 600px) {
    .About, image {
        flex-direction: column;
        flex: 50%;
    }
}
@media (max-width: 600px) {
    .div-service, Service {
        flex-direction: column;
        flex: 50%;
    }
}
@media (max-width: 600px) {
    .div-portfolio1 {
        flex-direction: column;
        flex: 50%;
    }
}
@media (max-width: 600px) {
    .Education, edu, cation {
        flex-direction: column;
        flex: 50%;
    }
}
@media (max-width: 600px) {
    .div-testimonila1 {
        flex-direction: column;
        flex: 50%;
    }
}
@media (max-width: 600px) {
    .contact, information, form {
        flex-direction: column;
       flex: 50%;
    }
}
@media (max-width: 600px) {
    .footer, social-link, copy {
        flex-direction: column;
        padding: 20px;
    }
}