Coursera, Responsive Website Basics, Assignment 1, Week 2: " Monochrome monitor-based style sheet"

styles.css

/*
  This stylesheet defines a monochrome monitor:
  - body defines monospace font family, black background, green text color, and
    green-yellow solid border.
  - each header (only h1 tags) have a green-yellow background with a black text
  Note: on html and body level an overall margin (0px) and padding (1px) have been defined.
*/

/*
  Overall html and body settings. Use complete screen and set margin to 0.
  Also define a small /1px padding so that text is not too close to the border.
*/
html, body {
  margin: 0;
  padding: 1px;
}

/*
  Body style with black background, green text color,
  monospace font family, and a solid, green-yellow border.
*/
body {
  background: black;
  color:green;
  font-family: monospace;
  border: 5px solid greenyellow;
}

/*

  Header 1 style with green-yellow background and black text color.
*/
h1 {
  background: greenyellow;
  color: black;
}