/*css file*/
.logo img{
  width: 120px;
  height: auto;
  float: left;
  margin-right: 20px;
}

.headerText{
    text-align: right;
}

header {
  background-color: #dbe59b; 
  padding: 10px 20px; 
}

body{
    margin: 0;
    padding: 0;
}

.mainBody{
    text-align:center;
    padding: 40px 0;
    background-color:black;
    color:white;
}

.featuredWorkText{
    text-align:left;
    padding:40px;
}
.featuredWork {
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    flex-wrap: wrap;         
    gap: 40px;               
    text-align: center;    
}

.workImage img {
    height: 300px;
    width: 300px;
    padding: 10px;
    display: block;
    margin: 0 auto;
}

.workImage p {
    margin-top: 10px;
}