.box {
  background-color: #9E3639;
  color: #f3f7fd;
}

.box:hover {
  background-color: #3f1617;
}

h1 {
  color: #ffffff;
}

h3 {
  color: #ffffff;
}

.p_subtitle {
  color: #ffffff;
}

sup {
  color: #f3f7fd;
}

body {
  background-color: #092036;
}

.chat-message {
  color: #ffffff;
}

.chat-message1 {
  background-color: #9E3639;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .input-container {
    background-color: #9E3639;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.133);
  }

  button#newChat-btn {
    color: #ffffff;
    background-color: #9E3639;
  }

  button#newChat-btn:hover {
    background-color: #3f1617;
  }
}

/* styles for devices with a min width of 768px (i.e. large laptops and desktops) */
@media only screen and (min-width: 768px) {
  button#newChat-btn {
    color: #ffffff;
    background-color: #9E3639;
    border: 1px solid #838383;
  }

  button#newChat-btn:hover {
    background-color: #3f1617;
  }
}

.input-container {
  background-color: #9E3639;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.133);
}

button#regenerate-btn {
  color: #ffffff;
  background-color: #9E3639;
  border: 1px solid #838383;
}

button#regenerate-btn:hover {
  background-color: #3f1617;
}

.regenerate-btn {
  color: rgba(202, 202, 202, 0.723);
  border: 1px solid rgb(134, 134, 134);
  background-color: rgb(56, 58, 74);
}

textarea {
  background-color: transparent;
  color: #f3f7fd;
}

textarea::placeholder {
  color: rgba(186, 186, 186, 0.617);
}

.fixed-box {
  background-color: #092036;
}

input[type="password"] {
  color: #FFFFFF;
  background-color: #FFFFFF00;
}

input[type="password"]::placeholder {
  color: rgba(186, 186, 186, 0.617);
}

.password-container {
  background-color: #9E3639;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.133);
}

.password-sendBtn {
    background: #FFFFFF00;
}

.send-button {
  background: #FFFFFF00;
}

a.url-highlight {
  color: #00e4ef;
}