body {

    font-family: Arial, sans-serif;


    background-color: #f4f4f4;


    margin: 0;


    padding: 0;


    display: flex;


    justify-content: center;


    align-items: center;


    height: 100vh;


}


.feedback-form {


    background-color: white;


    padding: 20px;


    border-radius: 8px;


    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);


    width: 300px;


}


.feedback-form h2 {


    margin-top: 0;


    font-size: 24px;


    text-align: center;


}


.feedback-form label {


    display: block;


    margin-bottom: 5px;


    font-weight: bold;


}


.feedback-form input,


.feedback-form textarea {


    width: 100%;


    padding: 10px;


    margin-bottom: 15px;


    border: 1px solid #ccc;


    border-radius: 4px;


}


.feedback-form button {


    width: 100%;


    padding: 10px;


    background-color: #28a745;


    border: none;


    border-radius: 4px;


    color: white;


    font-size: 16px;


    cursor: pointer;


}


.feedback-form button:hover {


    background-color: #218838;


}



.feedback-form input:focus,

.feedback-form textarea:focus {


    border-color: #0056b3;


    outline: none;


}
@media (max-width: 600px) {

    .feedback-form {


        width: 100%;


        padding: 10px;


    }


}