#form {
    list-style: none;
    padding-top: 20px;
    padding-right: 40px;
    padding-left: 40px;
    align-items: center;
    justify-content: center;
}

.row-md-4{
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: left;
  border: 1px solid gray;
  color: black;
  background-color: white;
  text-decoration: none;
}

.row-md-4:hover{
  background-color:rgba(128, 128, 128, 0.518) ;
  color: black;
  text-decoration: none;
} 

.image{
  text-align: center;
  max-width: 20px;
  padding-right: 10px;
}

#result-name{
  font-weight: bold;
}

/*MY Button style for TV response and actor results*/
.MY-button-style{  /* for the button style*/
  background-color:white ;
  color: black;
  padding: 10px 22px;
  margin: 10px;
  text-align: center;
}

.MY-button-style:hover{
  background-color:rgb(189, 189, 189) ;  
}

.showDisplay{  /* used to show tv shows actors were in* & Homepage*/
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 12px;
  width: 270px;
  height:395px;
  padding: 12px; /* This places space inside the box */
  border: 1px solid gray;
  color: black;
  text-align: center;
}

.showDisplay:hover{  /* used for the season display*/
  background-color:rgb(189, 189, 189) ;  
}

.showDisplay-noHover{  /* used to show tv shows seasons*/
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 12px;
  width: 270px;
  padding: 12px; /* This places space inside the box */
  border: 1px solid gray;
  color: black;
  text-align: center;
}

/*From WK website*/

.roundedcornersBox{
  width: fit-content;
  height: fit-content;
  font-weight: normal;
  border-radius: 25px;
  margin-bottom: 2%;
  background: antiquewhite;
  padding: 20px;
}


.col-wk{
  /*   -p*/
  border: 1px solid black;
  margin-bottom: 2%;
}

.line-group { /*to place item in line*/
  display: flex;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
}

/* Add this CSS for mobile image centering */
@media (max-width: 768px) {
  .center-image-mobile {
    display: block;
    margin: 0 auto;
  }
}