header{
    display: flex;
    justify-content: space-between;

}

.btn{
    display: inline-block;
    background-color: cornflowerblue;
    color: white;
    padding: 10px;
    border-radius: 4px;
}

header nav ul{
    display: flex;
    
}
header nav ul li{
    margin: 0 10px;
    list-style-type: none;
}
header nav ul li a{
    color: black;

}
header nav ul li a:hover{
    color: blue;
}
main img{
    width:100%;
}
main > div{
    position: relative;
    left:55%;
    top:0;
    height: 100%;
    display: flex;
    align-items: center;
}
#about{
    text-align: center;
}
#skills{
    display: flex;
   

}
#skills div{
 width: 50%;
 align-items: center;
}
#skills img{
    width: 100%;
}
#values{
    background-color: cornflowerblue;
    color: white;
    display: 	flex;
}
#values > div{
    width: 25%;
    padding: 20px;
}
#work > div{
    display: flex;
flex-wrap: wrap;
}
#work > div img{
    width: 25%;
}
#work a{
    background-color: lightgray;
    display: 	block;
text-align: center;
padding: 20px 0;
color: black;
}
#process img{
    width: 90%;
}
#services{
    display: flex;
    flex-wrap: wrap;
}

#services > div{
    background-color: gainsboro;
    width: 25%;
    text-align: center;
    padding: 20PX;
}
#testimonials{
    text-align: center;
}

#contact{
    padding: 0 20%;
}

footer{
    background-color: black;
    color: gainsboro;
    display: flex;
}
footer > div{
    width: calc(100% / 3);
}

footer .links{
    display: flex;

}
footer .links ul{
    width: calc(100% / 3);
    list-style-type: none;
}
footer a{
    color: white;
}
footer a:hover{
    color: cornflowerblue;
}