x 1px 1px #3D3D3D;
    -moz-box-shadow:1px 1px 1px #3D3D3D;
    width:100%;
    height:500px;
}

 .Button:hover {
    color: #333;
    background-color: red;
}

            </style>
        </head>

        <body>
            <h1 id = "heading">Welcome</h1> <a href="/logout/" onclick="Stop()"; >Logout</a><br />
                <p id="text-to-speech">{{ text }}</p>
                <script>var su = new SpeechSynthesisUtterance();
            su.lang = "en";
            su.text = document.getElementById('text-