body {
      background: #0b0f12;
      font-family: sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px;
      color: #fff;
    }
    h1 {
      color: #aaffd6;
      text-shadow: 0 0 12px #aaffd6;
    }    

#chat {
      width: 100%;
      max-width: 500px;
      height: 300px;
      background: rgba(255,255,255,0.05);
      border: 2px solid #aaffd6;
      border-radius: 8px;
      overflow-y: auto;
      padding: 10px;
	padding-top:0px;
      margin: 20px 0;
    }
    .controls {
      display: flex;
      gap: 8px;
      width: 100%;
      max-width: 500px;
    }
    input {
      flex: 1;
      padding: 10px;
      border: 2px solid #aaffd6;
      border-radius: 6px;
      background: #111;
      color: #fff;
    }
    button {
      padding: 10px 16px;
      background: #aaffd6;
      color: #000;
      border: none;
      border-radius: 6px;
      font-weight: bold;
      cursor: pointer;
      box-shadow: 0 0 10px #aaffd6;
    }
    button:hover {
      background: #85f7c8;
    }
#maincon {
width: 600px;
max-width:100%;
}