* {
	box-sizing: border-box;
}

body {
	height: 100%;
    margin: 0;
    padding: 8px;
}
p
{
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
#one:hover {
	background-color: red;
   }

   #two:hover {
	background-color: orange;
   }
   #three:hover {
	background-color: yellow;
   }
   #four:hover {
	background-color: green;
   }
   #five:hover {
	background-color: blue;
   }
   #six:hover {
	background-color: purple;
   }
   #seven:hover {
	background-color: red;
   }
   #eight:hover {
	background-color: orange;
   }
   #nine:hover {
      background-color: yellow;
    }
    #ten:hover {
      background-color: green;
    }
    #eleven:hover {
      background-color: blue;
    }
    #twelve:hover {
      background-color: purple;
    }
    #thirteen:hover {
      background-color: red;
    }
    #fourteen:hover {
      background-color: orange;
    }
    #fifteen:hover {
      background-color: yellow;
    }
    #sixteen:hover {
      background-color: green;
    }
    #seventeen:hover {
      background-color: blue;
    }
    #eighteen:hover {
      background-color: purple;
    }
    #nineteen:hover {
      background-color: red;
    }
    #twenty:hover {
      background-color: orange;
    }
    #twentyone:hover {
      background-color: yellow;
    }