app.css

:root {
  --color-primary: #65db9d;
  --color-secondary: #023b1d;
    
  --class_1-maxWidth: 1024px;
}

/* GLOBAL STYLING */
.class_1 {
  background-color: var(--color-secondary);
  display: grid;
  grid-gap: 1rem;
  height: auto;
  width: 100%;
  max-width: var(--class_1-maxWidth);
  margin: 0 auto;
}

@media (min-width: 768px) {
  .class_1 {
    grid-template-columns: 1fr 1fr;
  }
}

.bg-primary {
  background-color: var(--color-primary);
}

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