styles.css

/*
 * Basic styles for the Git & JS assignment
 *
 * This file defines some default styling for the HTML elements.  An external
 * stylesheet like this can be linked to multiple pages.  Feel free to
 * customise colours, fonts and spacing.  You can also add classes (e.g.
 * .even and .odd) that you toggle from JavaScript to change the look of
 * elements based on conditions.
 */

body {
  font-family: sans-serif;
  margin: 2rem;
  line-height: 1.5;
}

#result {
  margin-top: 1rem;
  font-size: 1.2rem;
}

/* Classes to colour results based on their value.  You can apply these classes
 * from JavaScript using element.classList.add() and classList.remove().
 */
.even {
  color: blue;
}

.odd {
  color: green;
}

.error {
  color: red;
}