body {
        font-family: Cascadia Code;
        background-color: #f4f4f4;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .feedback-container {
        background: white;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 1px 1px 10px #008822cc;
        width: 400px;
    }

    .feedback-container .feedback-heading{
        text-align: center;
    }

    .feedback-item {
        margin-bottom: 15px;
    }
    .stars {
        display: flex;
    }
    .star {
        font-size: 24px;
        cursor: pointer;
        color: lightgray;
    }
    .star.selected, .star:hover {
        color: #FFA500;
    }
    textarea {
        width: 100%;
        height: 80px;
        resize: none;
    }
    button {
        width: 100%;
        padding: 10px;
        background: #28a745;
        color: white;
        border: none;
        cursor: pointer;
        border-radius: 5px;
    }

    .submit-feedback{
        font-family: 'Courier New', Courier, monospace;
        font-size: 18px;
    }

    .message-item label{
        display: block;
        margin-bottom: 10px;
    }