body {
  margin: 0;
  padding: 0;
  background-image: url(imagens/imagem\ base\ site\ filme.jpg);
}

header {
  background-color: black;
  display: flex;
  height: 40px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.first-items {
  font-weight: 700;
  text-transform: uppercase;
  font-family:
    system-ui,
    s -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}

.first-items a {
  color: white;
  transition: 150ms ease-in-out;
  text-decoration: none;
  padding: 8px;
  border-radius: 8px;
}

.first-items a:hover {
  background-color: #665858;
}

.secondary-items {
  font-weight: 700;
  text-transform: uppercase;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}

.secondary-items a {
  color: white;
  transition: 150ms ease-in-out;
  text-decoration: none;
  padding: 8px;
  border-radius: 8px;
  transition: 150ms ease-in-out;
}

.secondary-items a:hover {
  background-color: #665858;
}

#assine {
  background-color: white;
  color: #000;
  transition: 150ms ease-in-out;
}

#assine:hover {
  background-color: #665858;
}
form div {
  background-color: #000;
  height: 300px;
  text-align: center;
  margin-top: 100px;
  width: 600px;
  margin-left: 400px;
  border-radius: 25px;
}

form div p {
  text-align: left;
  margin-bottom: -30px;
  color: white;
  padding-left: 50px;
}

form div input {
  margin-top: 35px;
  width: 500px;
  height: 47px;
  border-radius: 10px;
  background-color: #272626;
}

#botao {
  background-color: rgb(187, 182, 182);
  color: black;
  border-radius: 3px;
  margin-right: 450px;
  margin-left: 48px;
  padding: 8px 35px;
  transition: 125ms;
  font-size: medium;
  text-decoration: none;
}

#botao:hover {
  background-color: #ffffff;
}















form div h1 {
  color: white;
  text-align: center;
  padding-left: 15px;

  padding-top: 120px;
  margin: 0px 0px;
}

form div h2 {
  color: white;
  font-size: large;
  text-align: left;
  padding-left: 15px;
  margin: 0px 0px;
}

form div h3 {
  color: white;
  font-size: large;
  text-align: left;
  padding-left: 15px;
}


















table {
  border-collapse: collapse; /* Remove espaços entre bordas */
  width: 100%;
  text-align: center; /* Centraliza conteúdo */
  background-color: black;
  color: white;
}


th, td{
  border: 1px solid #ccc;
  color: white;
}

th{
  color: rgb(104, 3, 3);
}

td{
  color: rgb(211, 209, 209);
}

img {
  width: 120px;
  height: auto;
 border-radius: 5px;
}

caption{
  font-size: 1.5em;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left;
  margin: 0px 0px;
  background-color: black;
}