body{
    margin:0;
    padding:0;
}

.colornames{
   font-size: 30px;
    color: rgb(255, 255, 255);
    border: 0cap;
    background-color: black;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

#vermillion:hover {
 color: rgb(255, 255, 255);
 background-color: red;
}

#kelly:hover {
color: rgb(254, 93, 168);
background-color: green;
}

#alice:hover {
    color: rgb(42, 146, 236);
    background-color:aliceblue;
   }

#rebecca:hover {
    color: black;
    background-color: rebeccapurple;
}

#gainsboro:hover {
color: rgb(120, 16, 16);
background-color: gainsboro;
}
   
#cadet:hover {
color: wheat;
background-color: cadetblue;
}

#sienna:hover {
color: rgb(255, 242, 0);
background-color: sienna;
}
#papaya-whip:hover {
 color: pink;
 background-color: papayawhip;
}
   
#peru:hover {
color: rgb(40, 0, 53);
background-color: peru;
}

#peach-puff:hover {
color: rgb(85, 41, 229);
background-color: peachpuff;
}

#turqouise:hover {
color: rgb(63, 58, 79);
background-color: turquoise;
}

#royal:hover {
color: rgb(255, 255, 255);
background-color: royalblue;
}

#chartreuse:hover {
color: rgb(87, 55, 1);
background-color: chartreuse;
}

 #dodger:hover {
color: rgb(241, 239, 246);
background-color: dodgerblue;
}

#aqua:hover {
color: rgb(85, 41, 229);
background-color: aqua;
}

 #beige:hover {
color: red;
background-color: beige;
}

#bisque:hover {
color: rgb(60, 255, 0);
background-color: bisque;
}

#goldenrod:hover {
    color: rgb(95, 7, 99);
    background-color: goldenrod;
}

#hot-pink:hover {
color: rgb(114, 220, 249);
background-color: hotpink;
}

#indigo:hover {
    color: rgb(218, 74, 180);
    background-color: indigo;
}

#lemon-chiffon:hover {
color: rgb(0, 0, 0);
background-color: lemonchiffon;
}

#salmon:hover {
color: rgb(114, 220, 249);
background-color: salmon;
}
    
#orchid:hover {
color: rgb(99, 82, 7);
background-color: orchid;
}
    
#navajo:hover {
color: rgb(114, 220, 249);
background-color: navajowhite;
}

#olive-drab:hover {
    color: rgb(114, 220, 249);
    background-color: olivedrab;
    }

#powder:hover {
    color: rgb(255, 208, 0);
    background-color: powderblue;
}
        
#seashell:hover {
    color: rgb(106, 255, 0);
    background-color: seashell;
}

#rosybrown:hover {
    color: rgb(210, 37, 80);
    background-color: rosybrown;
    }

#teal:hover {
    color: rgb(99, 7, 91);
    background-color: teal;
}
        
#tomato:hover {
    color: rgb(255, 255, 255);
    background-color: tomato;
}

#wheat:hover {
    color: rgba(253, 9, 167, 0.964);
    background-color: wheat;
}
       
#tan:hover {
    color: rgb(30, 0, 111);
    background-color: tan;
}

#brown:hover {
    color: rgb(99, 7, 91);
    background-color: brown;
}
        
#dark-cyan:hover {
    color: rgb(255, 255, 255);
    background-color: darkcyan;
}

#magenta:hover {
    color: rgba(0, 0, 0, 0.964);
    background-color: magenta;
}
       
#indian:hover {
    color: rgb(30, 0, 111);
    background-color: indianred;
}

#lightgray:hover {
    color: rgb(99, 7, 91);
    background-color: lightgray;
}

#midnightblue:hover {
    color: rgb(255, 255, 255);
    background-color: midnightblue;
}

#orangered:hover {
    color: rgba(13, 253, 9, 0.964);
    background-color: orangered;
}
       
#paleturquoise:hover {
    color: rgb(167, 10, 10);
    background-color: paleturquoise;
}

#pink:hover {
    color: rgba(253, 9, 167, 0.964);
    background-color: pink;
}
       
#snow:hover {
    color: rgb(0, 111, 17);
    background-color: snow;
}