/* base result */
:root {
  --yellow: #ffc93c;
  --steel-blue: #3b7197;
  --sky-blue: #74bde0;
  --light-aqua: #a1e1fa;
  --white: #ffffff;
  --orange: #ff9e00;
  /* current is under */
  --yellow: 255, 201, 59;
  --blue: 43, 132, 233;
  --light: 255, 255, 255;
  --dark: 0, 0, 0;
  --dark-blue: 16, 78, 148;
  --border-color: #156bcb;
  --border-color-yellow: #ffc93c;
}

body {
  font-family: "Poppins", sans-serif;
  background-color: rgba(var(--light), 1);
  color: rgba(var(--dark), 1);
}

@media (max-width: 768px) {
  body {
    background-color: rgba(var(--blue), 1);
  }
}