styles.css

body {
 background-color: #f2f2f2;
 font-family: Arial, sans-serif;
}

h1 {
 color: #0075ff;
 margin: 3rem;
}

#text-input {
 width: 100%;
 height: 200px;
 font-size: 18px;
 padding: 10px;
 border: none;
 border-radius: 5px;
 box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

#output {
 width: 100%;
 height: 500px;
 background-color: #ededed;
 border-radius: 5px;
 margin: 3rem;
}

.btn {
 width: 100%;
 height: 30px;
 font-size: 18px;
 padding: 10px;
 border: none;
 border-radius: 5px;
 box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
 background-color: #0075ff;
 color: #ffffff;
 cursor: pointer;
}

.prose {
 font-family: Arial, sans-serif;
 background-color: #ffffff;
 border: none;
 border-radius: 5px;
 padding: 10px;
 text-align: center;
 margin: 3rem;
}

footer {
 background-color: #ededed;
 text-align: center;
 padding: 10px;
}