body{
    background-color: greenyellow;
}
nav{
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(145, 241, 0);
    border-radius: 5px;
}
.mshamba{
    display: flex;
    width: 30%;
    align-items: center;
    margin-left: 20px;
}

.mshamba img{
    height: 75px;
    width: 75px;
    border-radius: 50%;
}

.mshamba h3{
    margin-left: 5px;
}
.links{
    display: flex;
    width: 40%;
    align-items: center;
    justify-content: space-around;
}

a{
    text-decoration: none;
    font-size: 18px;
}

main{
    margin-top: 20px;
    display: flex;

}

.about{
    width: 50%;
    text-align: center;
}
.about h3{
    text-align: center;
}

.about1{
    width: 50%;
    height: 450px;
    background-image: url("../images/farm.jpeg");
    background-position: center bottom;
    background-size: cover;
    border-radius: 20px;
}

.items{
    width: 100%;
    display: flex;
    justify-content: space-around;

}

.item{
    width: 30%;
    background-color: rgb(145, 241, 0);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item h3{
    text-align: center;
}

.item img{
    width: 98%;
    height: 150px;
}

.content{
    width: 100%;
    height: 570px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content:center;

    
}

.content1{
    background-color: rgb(163, 243, 43);
    border-radius: 10px;
    width: 75%;
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;

}

.content2{
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content:center;

}

.form1{
    background-color: rgb(145, 241, 0);
    width: 30%;
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

form{
    display: flex;
    flex-direction: column;
    padding: 10px;
}

form input{
    width: 75%;
    height: 40px;
    border-radius: 5px;
}

.btn{
    margin-top: 10px;
    background-color: red;
    /* background-color: rgb(145, 241, 0); */
    border: 1px solid rgb(145, 241, 0);
    border-radius: 5px;
    height: 40px;
    width: 150px;
}

 th, td{
    padding: 5px;
    border: 1px solid;
    border: 1px solid;

}
table{
    border-collapse: collapse;
    width: 100%;

}

#last{
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: rgb(145, 241, 0);

}
.table1{
    width: 25%;
}

.about3{
    width: 40%;
}

.about4{
    width: 25%;
    height: 200px;
    background-image: url("../images/about4.jpeg");
    background-size: cover;
    border-radius: 20px;
}