* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  color: white;
}
body {
  background-image: url(./background.jpg);
  /* background-repeat: no-repeat; */
  height: 600px;
  /* background-size: 100%; */
}
#main {
  margin: 40px 0px 10px 0px;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color: chocolate;
  /* text-decoration: underline; */
  letter-spacing: 1px;
}
#nav {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#movieInfo {
  color: chocolate;
  height: 45px;
  width: 480px;
  font-size: 18px;
  border: none;
  outline: none;
  border-radius: 19px 0px 0px 19px;
  padding: 20px;
  background-color: black;
}
#movieInfo:focus {
  color: chocolate;
  background-color: black;
}
#searchBtn {
  height: 45px;
  width: 40px;
  border: none;
  outline: none;
  border-radius: 0px 19px 19px 0px;
  text-align: center;
  padding-right: 10px;
  background-color: black;
  color: chocolate;
}
#searchBtn i:hover {
  background-color: black;
  color: chocolate;
}
#body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 500px;
  width: 1000px;
  margin: 0px auto;
  padding: 0px 50px;
  border-radius: 20px;
}
#posters img {
  border-radius: 15px;
  transition: all 1s ease-in-out;
}
#posters img:hover {
  box-shadow: 2px 2px 12px 0px chocolate;
  transform: scale(1.05, 1.05);
}
#details {
  /* border: 2px solid purple; */
  height: 405px;
  width: 470px;
  padding: 0px 30px;
  border-radius: 15px;
}
#head {
  font-size: 35px;
  margin-bottom: 30px;
  margin-top: 5px;
  font-weight: lighter;
  color: chocolate;
  transition: all 1s ease-in-out;
}
#head:hover {
  color: white;
}
h3 {
  font-size: 22px;
  margin-bottom: 19px;
  font-weight: lighter;
}
h3:hover {
  color: chocolate;
}