style.css

@font-face {
  src: url(gg.ttf);
}

html {
  background-color: #ffffff;
  font-family: Arial;
}

#chat-container {
  width: auto;
  margin: 0 auto;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 10px;
}

#chat-messages {
  height: 300px;
  overflow-y: scroll;
  margin-bottom: 10px;
}

#chat-input {
  display: flex;
}

#user-input {
  flex: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
}

#send-button {
  margin-left: 10px;
  padding: 5px 10px;
  background-color: #e5e5e5;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.user-message {
  background-color: #f2f2f2;
  padding: 5px;
  margin-bottom: 10px;
}

.ai-message {
  background-color: #001e57;
  color: #fff;
  padding: 5px;
  margin-bottom: 10px;
}

.love {
  font-family: Compact;
}

@media (max-width: 1200px) {
  #chat-container {
    width: 90%;
  }

  #chat-messages {
    height: 200px;
  }
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #000000;

}
li {
  display: inline;
}
li {
  float: left;
}

a {
  display: block;
  padding: 8px;
  background-color: #dddddd;
}
body {
  padding: 25px;
  background-color: white;
  color: black;
  font-size: 15px;
}

.dark-mode {
  #chat-container {
    background-color: rgb(12, 3, 114);
  }
  background-color: rgb(12, 3, 114);
  color: white;
}