style.css

body {
  background-color: #121212;
  color: #BB86fc;
}

#appTitle {
  text-align: center;
  margin: 0px auto;
  display: block;
  font-family: 'Staatliches', sans-serif;
  font-size: 80px;
}

#genreForm, #playBtn {
  text-align: center;
  margin: 0px auto;
  display: block;
  font-family: 'Staatliches', sans-serif;
}

#movieInfo {
  width:  80%;
  margin:  32px auto;
}

#movieInfo:after {
  content:  "";
  display:  table;
  clear:  both;
}

#moviePoster, #movieText {
  width:  25%;
  float:  left;
}

img#moviePoster {
  width:  50%;
  height:  auto;
  display:  block;
  margin:  auto;
}

#movieText {
  font-family: 'Questrial';
  color: #FEFBEA;
  line-height: 1.25;
}

#movieTitle, #movieOverview {
  padding:  32px;
}

#playBtn {
  margin-top: 20px;
  font-size: 25px;
  padding: 7px 10px;
  border-radius: 10px;
  border-style: none;
  background-color: #BB86fcD9;
  color: #6200EE;
  cursor:  pointer;
}

label {
  display: block;
  font-size: 35px;
  margin-bottom: 5px;
}

select {
  width: 200px;
  height: auto;
}

#likeOrDislikeBtns {
  text-align: center;
  margin: 0px auto;  
}

#likeBtn, #dislikeBtn {
  padding: 15px 25px;
  font-size: 25px;
  border-radius: 12px;
  border-style: none;
  cursor:  pointer;
}

#likeBtn {
  background-color: #249e57;
  color: darkgreen;
}

#dislikeBtn {
  background-color: #c74a4a;
  color: #910000;
}