:root {
  --app-primary-color: #ffeaa7;
  --app-secondary-color: #dfe6e9;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  text-rendering: optimizeLegibility;
  font-feature-settings: "palt";
  font-family: "Lato", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: #ffeaa7;
  background-image: linear-gradient(to bottom, #ffeaa7, #ffffff);
  min-height: 100vh;
  width: 100%;
}

.d-flex {
  display: flex !important;
}

.align-items-center {
  align-items: center !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.border-top {
  border-top: 1px solid #d5d5d5 !important;
}

.small {
  font-size: 0.8rem !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}