.box {
  background-color: #27282e;
  color: #FFFFFF;
}

.box:hover {
  background-color: #202020;
}

h1 {
  color: #ffffff;
}

h3 {
  color: #ffffff;
}

.p_subtitle {
  color: #ffffff;
}

sup {
  color: #FFFFFF;
}

body {
  background-color: #3d4054;
}

.chat-message {
  background-color: rgba(67, 68, 82, 0);
  color: #b2b2b2;
}

.chat-message1 {
  background-color: #27282e;
  color: #b2b2b2;
}

@media only screen and (max-width: 768px) {
  .input-container {
    background-color: #27282e;
    box-shadow: 1px 1px 1px 1px rgb(5,5,5);
  }

  button#newChat-btn {
    color: #ffffff;
    background-color: #3d4054;
  }

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

/* 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: #27282e;
    border: 1px solid #838383;
  }
x
  button#newChat-btn:hover {
    background-color: #383838;
  }
}

.input-container {
  background-color: #27282e;
  box-shadow: 1px 1px 1px 1px rgb(5,5,5);
}

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

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

.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: #fdfdfd;
}

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

.fixed-box {
  background-color: #3d4054;
}

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

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

.password-sendBtn {
    background: #FFFFFF00;
}

.send-button {
  background: #FFFFFF00;
}

a.url-highlight {
  color: #FFFFFF;
}