body 
{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: center;
    padding: 20px;
    background-color:rgb(184, 124, 218);
}


h1
{
    align-content:center;
    height:100px;
    background-color:purple;
    background-image: linear-gradient(to right, rgb(112, 47, 152), rgb(58, 14, 140))
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color:white;
}


#divHeader
{
    width: 95%;
    height: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.5rem;
    background: #00329e;
    color:white;
    align-items:center;
    background-image: linear-gradient(to right, rgb(129, 50, 169), rgb(87, 172, 13))
  }  

#divContainer
{
  font-family:Georgia, 'Times New Roman', Times, serif;
  align-content:center;
}

  #addMovieBtn
  {
    font-family: inherit;
    background-color: #f67722;
    border: 1px solid #462915;
    color: white;
    border-radius: 6px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.26);
    cursor: pointer;
    width: 200px;
    height:45px;
  }

  #srchMovieBtn
  {
    font-family: inherit;
    background-color: #f67722;
    border: 1px solid #39281c;
    color: white;
    border-radius: 6px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.26);
    cursor: pointer;
    width:200px;
    height:45px;
  }

  #addMovieBtn:hover,
  #srchMovieBtn:hover,
  button:hover
  {
    background-color: #797674;
  }

  button
  {
    font-family: inherit;
    background-color: #f67722;
    border: 1px solid #39281c;
    color: white;
    border-radius: 6px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.26);
    cursor: pointer;
    width:200px;
    height:45px;
  }

  input
  {
    width:300px;
    height:35px;
    border-radius:6px;
    margin-left:5px;
  }

  label
  {
    font-family: inherit;
  }

  th
  {
    width:300px;
  }

  td
  {
    width:300px;
  }