*{box-sizing: border-box;
font-weight: normal;}

.people{
    width: 98%;
    height: 310px;
}

header{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

header span{color:gray;}

header a{color: green;}

nav span{
    color: rgb(68, 224, 68);
}

nav input::placeholder{
    color: rgb(68, 224, 68);
}

.first{display: flex;
width: 100%;
/* padding: 0px 20px; */
align-items: center;
justify-content: space-between}

nav{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul{
    display: flex;
    list-style-type: none;
    
}

li{
 padding: 0px 15px;
}

/* li{float: left;
width: 10%;
list-style-type: none;} */

.final{height: 50px;
background: green;
color: white;}

.final1{width: 50%;
float: left;
padding: 10px;}


.final2{width: 50%;
    float: left;}

.aside{height: 400px;
float: left;}

h1 span{color: green;}

h2 span{color: green;}

button{color: white;
    background: rgb(68, 224, 68);
padding: 3px}

.one{width: 50%;}

.two{width: 28%;}

.three{width: 22%;
    float:left;}

.images{width: 35%;
float: left;
height: 300px;}

img{width: 100px;
height: 75px;}

.story{width: 64%;
float: left;
height: 75px;
}

.help{width: 100%;
    padding: 5px 0px;
}


.article{font-size: 13px;
    color: #383838;}

.name{font-size: 10px;
    color: #A8A8A8;
}

h2 + span{background: green;
color: white;
padding: 5px;}

p{color:gray;
font-size: 15px;}

h5{text-align: center;
color:gray;
}