.teachers .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  margin: auto;
  text-align: center;
}

html{
  scroll-behavior: smooth;
}

body{
  font-family: Arial;
  padding: 20px;
  background-image: url(../img/b10.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 5px;
}

.teachers .title {
  color: grey;
  font-size: 18px;
}
.teachers{
  text-align: center;
  overflow: hidden;
}

.teachers .col{
  display: inline-block;
  padding: 30px;
}

.teachers .col .card{
  background-color: white;
}

.teachers img{
  width:300px;
  height: 300px;
}

.teachers p{
  font-size: 20px;
}

.teachers button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.teachers button:hover{
  opacity: 0.8;
}