h1 {
    font-family: 'Comfortaa', sans-serif;
    font-size: 48px;
    margin-top: 20px;
  }

  body {
    font-family: Arial;
    margin: 20px;
    background: #f3f3f3;
  }

  #chat {
    border: 1px solid #ccc;
    height: 350px;
    overflow-y: scroll;
    padding: 10px;
    background: white;
    border-radius: 10px;
  }

  .message {
    padding: 8px 12px;
    margin: 5px 0;
    border-radius: 15px;
    max-width: 60%;
    display: inline-block;
    clear: both;
  }

  .me {
    background: #DCF8C6;
    float: right;
    text-align: right;
  }

  .other {
    background: #eee;
    float: left;

  }

  #inputArea {
    margin-top: 10px;
  }

  input {
    padding: 8px;
    width: 70%;
  }

  button {
    padding: 8px;
  }