h1 { color: red; }

body {
   width: 800px;
   min-height:100%;
   margin: 0 auto;
   background-color: rgb(243, 12, 12); /* choose your own */
   padding: 20px;          /* space between the content and border */
   border-left: 5px dotted slateblue;
   border-right: 5px dotted slateblue;
   }
   * {
   margin:0;
   padding:0;
   box-sizing:border-box;
}

html {
   height:100%;
   width:100%;
   background-color:lavender; 
}

/* special selector to only style navigation links */
nav a {
   display: inline-block; /* make them into boxes */
   text-decoration: none; /* remove underline */
   font-family : "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
   color: darkslateblue;
   font-size: 20px;
   border: 2px solid darkslateblue;
   background-color: lavender;
   margin: 10px; /* space between buttons */
   padding: 20px; /* space between border and text */
}

/****************** HOVER EFFECT *******************/
/* change the background when the mouse hovers over a button */
nav a:hover {
   background-color: rgb(203, 30, 238);
}

nav {
  padding-top: 20px; /* leave some space above the buttons */
  text-align:center; /* display buttons in the centre of the page */
}

p {
   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
   font-size: 18px;
   color: white;
   text-align: left;
   line-height: 1.5; /* adjusts the space between lines */
   padding: 10px 30px; /* the first value is top/bottom; the second value is left/right */
}

div.description {
   width: 600px;
   background-color: rgb(14, 244, 83);
   margin: 10px auto; /* this keeps it in the middle */
   padding: 15px; /* space between paragraphs and edge of the box */
}

h1 {
   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
   font-size: 60px;
   color: rgba(245, 233, 9, 0.924);
   text-align: center; /* right, left, center */
   padding: 10px; /* space around the text */
}


h3 {
   font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
   font-size: 24px;
   color: slateblue;
   text-align: center; /* right, left, center */
   padding: 10px; /* space around the text */
   font-style: italic; /* choose italic or normal */
}
li {
   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
   font-size: 18px;
   color: white;
   line-height: 1.5;
   padding: 5px 30px;
}
h2 {
   color: rgb(134, 16, 132);
   font-size: 40px;
}
body {
   width: 800px;
   min-height:100%;
   margin: 0 auto;
   background-color: rgba(0, 0, 0, 0.87); /* choose your own */
   padding: 20px;          /* space between the content and border */
   border-left: 5px dotted rgb(103, 9, 60);
   border-right: 5px dotted rgb(103, 9, 60);
   /* instead of dotted try also double, solid, dashed. You can change the thickness and colour too! */
}