/* public/css/styles.css */
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #ECEAE0 !important;
    display: flex;
    flex-direction: column;
    font-family: 'Roobert', sans-serif !important;
}
main {
    flex-grow: 1; /* Ensures main content takes available space */
}

.alert {
  padding: 5px;
  font-size: 12px;
  font-family: Roobert;
  margin: 10px 0;
  border-radius: 4px;
  width: 8rem;
  height: auto;
  transition: 1s;
}
.alert-success {
  background-color: #565030 !important;
  color: #EDEADF !important;
}
.alert-danger {
  background-color: #B45F34 !important;
  color: #EDEADF !important;
}