body {
        font-family: Arial, sans-serif;
        padding: 20px;
        max-width: 800px;
        margin: 0 auto;
    }
    h1, h2 {
        color: #333;
    }
    form {
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    input[type="text"], textarea {
       width: 100%;
       padding: 8px;
       margin-bottom: 10px;
       border: 1px solid #ccc;
       border-radius: 4px;
       /* Garante que padding e border não aumentem a largura total */
       box-sizing: border-box;
    }
   
    /* Esta era a declaração que estava incorreta no código original */
    textarea {
        resize: vertical;
        min-height: 80px;
    }

    button {
        padding: 10px 15px;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
    button:hover {
        background-color: #005663;
    }
   
    /* Estilo para cada item de filme na lista */
    .filme-item {
        border: 1px solid #ccc;
        padding: 15px;
        margin-bottom: 15px;
        border-radius: 4px;
        background-color: #f9f9f9;
    }
    .filme-item h3 {
        margin-top: 0;
        border-bottom: 1px dashed #eee;
        padding-bottom: 5px;
    }
    .filme-item p {
        font-style: italic;
        margin-bottom: 10px;
    }
    .filme-item .btn-remover {
        background-color: #dc3545;
    }
    .filme-item .btn-remover:hover {
        background-color: #c82333;
    }