style.css

html, body {
  margin: 0;
  padding: 0;
  font-family: tahoma, sans-serif;
}

body {
  background-color: rgb(223, 208, 188);
}

.search-form {
  display: flex;
  justify-content: center;
  padding: 40px;
  border: 1px solid  rgb(221, 190, 148);
  background-color:  rgb(221, 198, 178);  
}

#search-input {
  background-color: rgb(250, 214, 214);
  border: none;
  box-shadow: 0 0 10px;
  border-radius: 50px;
  padding: 4px 17px;
  outline: none;
} 

.container {
  max-width: 1400px;
  margin: 0 auto;
}

.students {
  display: grid;
  grid-template-areas: 'student student student student';
  grid-gap: 20px;
}


.student {
  grid-area: 'student';
  display: grid;
  grid-gap: 10px;
  background-color: lightseagreen;
  color: white;
  border: 0.5px solid black;
  text-align: center;
  margin-bottom: 20px;
  max-width: 300px;

}

h4 {
  /* grid-area: name; */
  border-bottom: 1px solid white;
  padding: 10px;
  margin: 0;
}

img{
  max-width: 250px;
  border-radius: 50%;
  /* border: 1px solid black; */
}

.bio {
  text-align: start;
  padding: 10px;
}

a {
  /* grid-area: link; */
  cursor: pointer;
  color: white;
  padding: 10px;
}