html {
  width: 98%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: Helvetica, Arial, sans-serif;
}

.text-container {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 60%;
  font-size: 17px;
}

.search-container {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px;
}

.search-container input{
  padding: 20px;
  /* box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 15%)!important; */
  /* border-radius: 100px; */
  border-bottom: 5px solid #E3E3E3!important;
  border-left: 0px!important;
  border-top: 0px!important;
  border-right: 0px!important;
  font-size: 17px;
  background-color: #e3e3e36b;
}

.search-container input:focus-visible {
  outline: 0px!important;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill , minmax(250px, 1fr));
  grid-gap: 20px;
  margin-top: 30px;
}

.grid-item {
  /* box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 15%)!important; */
  /*background-image: linear-gradient(to bottom, rgb(5,13,158,0.5), rgb(229,0,125,0.5));*/
  /* color: #e5007d (roze) , #050D9E(blauw) */
  width: 100%;
  padding-top: 20px;
  /* border-radius: 10px; */
  background-color: #e3e3e36b;
}

.grid-image {
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}

.grid-naam, .grid-bedrijf {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.grid-naam {
  font-size: 20px;
  color: #fff;
  background-color: #050D9E;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.grid-background {
  /* background-color: #E3E3E3; */
  padding-top: 20px;
  padding-bottom: 20px;
  height: 15vh;
  /* border-bottom-left-radius: 10px; */
  /* border-bottom-right-radius: 10px; */
}

.grid-bedrijf {
  font-size: 15px;
  font-weight: 400;
  margin-top: 0px;
}

a.grid-email, a.grid-linkedin {
  font-size: 14px;
  color: #e5007d;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding-bottom: 10px;
}