/* 
Flash messages box
Taken from Hotrails tutorial code	
*/

.flash {
  position:fixed;
  top: 5rem;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;

  max-width: 100%;
  width: 100%;
  padding: 0px;
}

.flash_message {
  font-size: large;
  font-weight: 500;
  color: #f2f2f2;
  padding: 18px;
  background-color: #196619;
  animation: appear-then-fade 6s both;
  border-radius: 15px;
}