/* CHANGED TO PHOENIX COLOUR SCHEME */

.bg-gray-900 {
  /* BACKGROUND */
  background-color: #2b2e38;
}

.bg-gray-700 {
  /* FORM IMPUTS BACKGROUND */
  background-color: #212121;
}

/* + - BUTTONS */
.bg-blue-500 {
  background-color: blue;
}

/* + - HOVER BUTTONS */
.hover\:bg-blue-600:hover {
  background-color: #11c4ed;
}

/* SUBMIT */
.bg-yellow-500 {
  background-color: #0f325e;
}

/* HOVER SUBMIT */
.hover\:bg-yellow-400:hover {
  background-color: #11c4ed;
}

/* HOVER SUBMIT */
.hover\:bg-yellow-600:hover {
  background-color: #11c4ed;
}

@media (max-width: 768px) {
  /* CHANGED TO OBS COLOUR SCHEME IN SMALL DEVICE */

  .bg-gray-900 {
    /* BACKGROUND */
    background-color: #2b2e38;
  }

  .bg-gray-700 {
    /* FORM IMPUTS BACKGROUND */
    background-color: #3c404b;
  }

  .bg-blue-500 {
    /* + - BUTTONS */
    background-color: #2b2e38;
  }

  .hover\:bg-blue-600:hover {
    /* + - HOVER BUTTONS */
    background-color: #0f325e;
  }

  /* SUBMIT */
  .bg-yellow-500 {
    background-color: #0f325e;
  }

  /* HOVER SUBMIT */
  .hover\:bg-yellow-400:hover {
    background-color: #0f325e;
  }
}