#submission-msg-container {
  position: fixed;
  top: 2%;
  left: 2%;
  /* width: 75vw; */
  width: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
  z-index: 10;
  pointer-events: none;
}

.limb_sub_error {
  padding: 1.5rem 1rem;
  /*margin: 0.5rem;*/
  margin: 0.5rem auto;
  width: 75vw;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
  color:white;
  background-color: red;
  animation: fade-in 2s ease;
}

.submission_success {
  padding: 1.5rem 1rem;
  /*margin: 0.5rem;*/
  margin: 0.5rem auto;
  width: 75vw;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
  color:white;
  background-color: green;
  animation: fade-in 2s ease;
}

.limb_sub_error span, .submission_success span {
  float: right;
  cursor: pointer;
}

.fade-out {
  animation: fade-out 10s ease forwards;
}

@keyframes fade-in {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes fade-out {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0%;
  }
}