/********** GENERAL STYLES **********/

* {
  box-sizing: border-box;
}

a {
  color: #1f5d81;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#text-input {
  height: 20vh;
  resize: none;
}

.btn.sender-button {
  background-color: #810000;
}

.btn.sender-button:hover {
  background-color: #680000;
}

.btn.sender-button:active {
  background-color: #5a0000;
}

#logout.loading {
  display: none;
}

main.loading * {
  display: none;
  border: none;
  border-style: none;
  border-width: none;
}

#trouble.loading {
  position: absolute;
  top: -2000px;
}

footer.loading {
  display: none;
}

#spinner.loading {
  position: sticky;
  margin: auto;
  width: 25vw;
  height: 25vh;
}


#userHeader *{
  display: none;
}

#spinner {
  display: none;
}

#spinner.loading {
  display: block;
  animation: spin 3s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}