ourteam.css

*{

 margin : 0;
 padding : 0;
 font-family: sans-serif;

}
.team-section{
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  background: #34495e;
}

.team-section h1{
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 30px;
  color: white;
  font-size: 40px;
}

.border{
  display:block;
  margin: auto;
  width: 160px;
  height: 3px;
  background: #3498db;
  margin-bottom: 40px;
}

.ps {
  margin-bottom: 40px;
}

.ps a{
  display: inline-block;
  margin: 0 30px;
  width: 160px;
  height: 160px;
  overflow: hidden;;
  border-radius: 50%
}

.ps a img{
    width: 100%;
     filter:grayscale(100%);
    transition: 0.4s all;
}

.ps a:hover > img{
filter: none;
}

.section{
  width: 600px;
  margin: auto;
  font-size: 20px;
  color: white;
  text-align: justify;
  height: 0;
  overflow: hidden;
}

.section:target{
   height: auto;
}

.name
{
  display: block;
  margin-bottom: 30px;
  text-align: center;
  text-transform: capitalize;
  font-size: 24px;
}


ul {
 list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
   font-size: 20px;
}