#root {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f1f2f6;
}

.episodeDiv{
  background-color: #f1f2f6;
  color: #535c68;
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin-top: 75%;
  /* max-height: 200px; */
}
.searchDiv{
  background-color: #f1f2f6;
  color: #535c68;
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  position: fixed;
  z-index: 1;
  top: 0px;
 
}


.divElStyle{
  background-color: white;
  margin-bottom: 15px;
  border: solid lightgrey 0.4px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}

.divElStyle2{
  background-color: white;
  margin-bottom: 15px;
  border: solid lightgrey 0.4px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  /* height: 200px; */
}
.exDiv{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
/* max-height: 300px; */
}


.pElStyle{
  font-family: 'Sanchez', serif;
}

.img{
  margin-top: 10px;
  padding-top: 10px;
}

.h2ElStyle{
  background-color: grey;
  color: white;
  font-family: 'Sanchez', serif;
  border-top-left-radius: 5px;
  border-top-right-radius:5px;
  height: 60px;
  margin: 0 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.showNames{
  background-color: grey;
  color: white;
  font-family: 'Sanchez', serif;
  border-top-left-radius: 5px;
  border-top-right-radius:5px;
  height: 60px;
  margin: 0 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}

.h2ElStyle:hover{
  background-color: #95afc0;
  
}


.searchInText{
  height: 27px;
  /* padding: 5px; */
  margin-top: 20px;
  margin-bottom: 10px;
  border-radius: 1px;
  font-size: 20px;
  color: #535c68;
}

.searchState{
  /* padding: 10px; */
  /* margin: 10px; */
  font-family: 'Sanchez', serif;
  font-size: 25px;
}

.select{
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  border-radius: 1px;
  font-family: 'Sanchez', serif;
}

.detailsShow{
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  font-weight: lighter;
  font-family: 'Sanchez', serif;
}


 
@media (min-width: 576px) {
  /* sm */

  .episodeDiv{
    margin-top: 30%;
  }
}

@media (min-width: 768px) {
  /* md */
  .episodeDiv{
    margin-top: 20%;
  }
}

@media (min-width: 992px) {
  /* lg */
  .episodeDiv{
    margin-top: 8%;
  }
}

@media (min-width: 1200px) {
  /* xl */
  .episodeDiv{
    margin-top: 7%;
  }
}