body{text-align:center;width:95%;margin:auto;font-family:Helvetica}@media screen and (width>=900px){body{width:50%}}.messages{padding:0}form{justify-content:center;gap:10px;display:flex}li{margin-top:5px;list-style-type:none}.message{border:1px solid gray;border-radius:8px;width:60%;padding:5px}.incoming{background-color:#e9e9ea;margin-left:auto}.outgoing{color:#fff;background-color:#219afd}.receipt{text-align:left;color:#000;display:block}textarea{border:1px solid gray;border-radius:8px;font-size:16px}button{border-radius:8px;margin-bottom:auto;padding:5px;font-size:16px}small{color:orange}