:root {
  --bg-body: #f9f9ff;
  --bg-primary: #f9d74c;

  --text-primary: #454360;
  --text-secondary: #5e5c7f;
  --text-red: #ff4c60;

  --red: #ff0000;
  --blue: #0066ff;
  --green: #00ff66;

  --bg-slider: rgba(69, 67, 96, 0.9);
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
}
body {
  transition: 10s;
}

.text-primary {
  color: var(--text-primary) !important;
}
.text-secondary {
  color: var(--text-secondary);
}
.text-red {
  color: var(--text-red);
}
.text-primary:hover {
  background-color: var(--primary-text) !important;
}

.bg-danger {
  background-color: var(--text-red) !important;
}

.night-mode {
  background-color: var(--text-primary) !important;
  color: var(--bg-body) !important;
  border-color: var(--bg-body) !important;
}
.text-night {
  color: var(--bg-body) !important;
  border-color: var(--bg-body) !important;
}

.text-1 {
  font-size: 1rem;
}
.text-25 {
  font-size: 2.5rem;
}
.text-bold {
  font-weight: bold;
}

.menu-header {
  font-size: 3.5rem;
  text-shadow: 0px 7px 5px var(--text-primary);
}