:root {
  --main-color: #490124;
  --accent-color: #00F6ED;
  --dark-color: #001021;

}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #0F1108;
}

button {
  cursor: pointer;
  transition: all .5s ease;
}

button:hover {
  opacity: .8;
  scale: 1.05;
}

.hero {
  background-image: url(../images/hero.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.absolute {
  opacity: 0.9;
}

.bg-primary {
  background-color: #004FFF;
  color: var(--accent-color);
}

.text-primary {
  color: var(--accent-color);
}

.bg-gray-900 {
  background-color: var(--dark-color);
}

.bg-gray-800 {
  background-color: var(--main-color);
}

.bg-gray-600 {
  background-color: #004FFF;
}

.custom-checkbox.checked::after {
  border-color: #004FFF;
}