/* body font style and background colour*/   
   body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: white;
    }

/* header text colour, backgroun colour and page alignment*/ 
    header {
      background: #0f4c5c;
      color: white;
      padding: 2rem;
      text-align: center;
    }

/*navbar background colour and text placement*/
    nav {
      background: #08313b;
      padding: 1rem;
      text-align: center;
    }

/* navbar text colour, font type, no underline etc*/
    nav a {
      color: white;
      margin: 0 15px;
      text-decoration: none;
      font-weight: bold;
    }

/* section placement and size, margin selected to 'center' the sections*/
    section {
      max-width: 900px;
      margin: 2rem auto;
      background: white;
      padding: 2rem;
	  }

/* button class definition, colours, placement, size etc. matching colour to heading. Rounded looks better so adding radius*/
    .button {
      display: inline-block;
      background: #0f4c5c;
      color: white;
      padding: 10px 20px;
      margin-top: 1rem;
      text-decoration: none;
      border-radius: 8px;
    }

/*foter definiton , text colur , background colour, placement , size*/
    footer {
      text-align: center;
      padding: 1rem;
      background: #222;
      color: white;
    }