@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

* {
  font-family: 'Roboto', sans-serif;
  border-radius: 2px !important;
  font-size: 16px;
}

body {
  background: linear-gradient(0deg, #fff 0%, rgb(74, 18, 255, 0.03) 100%);
}

h1 {
  font-size: 2rem;
}

.main-container {
  background-color: #ffffff;
  color: #373c44;
  max-width: 1450px;
  min-height: 100vh;
  padding: 15px 20px 20px 20px;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* Rello Alerts */
/* -------------------------------------------------------------------------------------------------------------------- */
.rello-alert {
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  color: #ffffff;
  padding: 1.8rem 1.5rem 1.25rem 0.5rem;
  top: -200px;
  transition: top 0.4s ease 0s;
  min-width: 380px;
  max-width: 820px;
  z-index: 9999;
}

.rello-alert-success {
  background-color: #145f25;
}

.rello-alert-danger {
  background-color: #dc3545;
}

.rello-alert .btn-close {
  position: absolute;
  right: 4px;
  top: 4px;
}