@import "components/chat.css";
@import "components/background.css";
@import "components/buttons.css";
@import "components/footer.css";
@import "components/card.css";
@import "components/show-user.css";

/* Chat style */
:root {
  --principal-color: #2b58e7;
  --secondary-color: #4d70e4;
  --tertiary-color: #879ce2;
  --branco: #FFFFFF;
}

.w-background {
  background-color: var(--branco);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.alert{
  position: absolute;
  top: 5%;
  z-index: 10;
  width: 70vw;
  left: 15vw;
}

.show-announce {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sended_pics {
  width: 100%;
}

.delete-button {
  margin-bottom: 0.5rem;
}

.self-message {
  background-color: #5d46e2;
  padding: 0.5rem;
  margin: 0.1rem;
  color: #FFF;
}

.party-message {
  background-color: #7f7196;
  padding: 0.5rem;
  margin: 0.1rem;
  color: #FFF;
}

.carousel-show {
  max-height: 300px;
  max-width: 300px;
}

.welcome-logo{
  width: 48vw;
  margin: 10vh 25vw 10vh 25vw;
}

.nav-logo{
  width: 12rem;
}

.white-background{
  background-color: #FFFFFF;
  margin: 10vh 0vw 10vh 0vw;
}