.bg-white {
  background-color: white;
}

.bg-black {
  background-color: black;
}

.bg-primary {
  background-color: #5eabd6;
}

.bg-secondary {
  background-color: #ffd233;
}

.bg-accent {
  background-color: #00bfa6;
}

.bg-header {
  background: linear-gradient(rgba(16, 17, 17, 0.425), rgba(18, 51, 51, 0.5));
}

.bg-gray6 {
  background-color: #fafafa;
}

.bg-gray1 {
  background-color: #323232;
}

.bg-trans {
  background-color: transparent;
}

.bg-sing {
  background-color: #00303C;
}

.color-white {
  color: white;
}

.color-black {
  color: black;
}

.color-primary {
  color: #5eabd6;
}

.color-secondary {
  color: #ffd233;
}

.color-gray1 {
  color: #323232;
}

.color-accent {
  color: #00bfa6;
}

.color-sing {
  color: #00303C;
}

.color-gray2 {
  color: #444;
}

.color-gray3 {
  color: #777;
}

.color-gray4 {
  color: #ccc;
}

.color-gray5 {
  color: #efefef;
}

.color-gray6 {
  color: #fafafa;
}

.shadow-black {
  box-shadow: -0.75px 0.5px 10px #444;
}

.shadow-white {
  box-shadow: -0.75px 0.5px 10px #ccc;
}
.border-color-secondary {
  border-color: #ffd233;
}

.border-color-accent {
  border-color: #00bfa6;
}

.bg-ligth1 {
  background: #ffd33344;
}

.bg-ligth3 {
  background: #5eabd644;
}

.bg-ligth2 {
  background: #c4c4c444;
}