aula5css

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

body {
 font-family: "Roboto Mono", monospace;
 text-align: center;
 background-image: url("https://www.alura.com.br/assets/img/imersoes/dev-2021/dia-04-aluraflix-e-filmes.png");
 background-color: #000000;
 background-size: cover;
 background-position: center top;
 background-repeat: no-repeat;
}
.container {
 text-align: center;
 padding: 20px;
}
.page-title {
 color: #ffffff;
 margin: 0 0 5px;
}
.page-subtitle {
 color: #ffffff;
 margin-top: 5px;
}
.page-logo {
 width: 200px;
}
.alura-logo {
 width: 40px;
 position: absolute;
 top: 10px;
 right: 10px;
}
#listaFilmes img {
 margin: 10px;
 max-height: 250px;
}
.form-wrapper {
 margin: 0 0 15px;
}
.form-wrapper input {
 display: block;
 margin: 0 auto;
 padding: 10px 15px;
}
.form-wrapper button {
 border: 0;
 color: #ffffff;
 background: #da1e26;
 font-weight: bold;
 padding: 15px 20px;
 font-size: 16px;
 borde-radius: 4px;
 margin-top: 20px;
 cursor: pointer;
 transition: 0.3s;
}
.form-wrapper button:hover {
 opacity: 0.8;
}