:root {
            --md-sys-color-primary: #00BBFF;
            --md-sys-color-secondary: #fffdbc;
         --md-dialog-container-color: #dde4e3;
--md-linear-progress-track-color: #d4e1e5;
            --md-ref-typeface-brand: 'Poppins';
            --md-ref-typeface-plain: 'Poppins';
            --md-outlined-text-field-container-shape: 25px;

        }
        body {
            display: flex;
            flex-direction: column;
            height: 100vh;
            margin: 0;
            font-family: 'Poppins';
        }
        .title-container {
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: 'Poppins';
        }
        .title-container h1 {
            margin: 0;
        }
        .title-container h1:first-child {
            font-weight: 400;
        }
        .title-container h1:last-child {
            font-weight: 100;
            margin-left: 5px;
        }
        .messages-container {
            flex: 1;
            overflow-y: auto;
            padding: 10px;
        }
        .input-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            padding: 10px;
            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
            position: fixed;
            bottom: 5px;
            left: 0;
            right: 0;
        }
        md-outlined-text-field {
            flex: 1;
            height: 50px;
            margin-right: 5px;
        }

        md-filled-button {
            height: 50px;
            width: 150px;
        }
        md-filled-button svg {
            height: 24px;
            width: 24px;
        }