Web Colors on Black background

by clayshannon

HTML

<h1>MEN</h1>
<h2>Favorites</h2>
<p class="blanco">This is white (narrator)</p>
<p class="skyblue">This is skyblue (principal character)</p>
<p class="gold">This is gold</p>
<p class="lightgreen">This is lightgreen</p>
<p class="khaki">This is khaki (use for 'unnamedman1')</p>
<p class="darkorange">This is darkorange (use for 'unnamedman2')</p>
<p class="pink">This is pink (use for 'unnamedwoman1')</p>
<p class="hotpink">This is hotpink (use for 'unnamedwoman2')</p>
<p class="choctypus">This is chocolate</p>
<p class="choc">This is also chocolate</p>

<h2>The rest</h2>
<p class="silver">This is silver</p>
<p class="roja">This is red</p>
<p class="moreno">This is brown (for evil men)</p>
<p class="orange">This is orange</p>
<p class="sandybrown">This is sandybrown</p>
<p class="goldenrod">This is goldenrod</p>
<p class="burlywood">This is burlywood</p>
<p class="moc">This is moccasin</p>
<p class="amarillo">This is yellow</p>
<p class="greenyellow">This is greenyellow</p>
<p class="lawngreen">This is lawngreen</p>
<p class="limegreen">This is limegreen</p>
<p class="springgreen">This is springgreen</p>
<p class="aquamarine">This is aquamarine</p>
<p class="aqua">This is aqua</p>

<h1>WOMEN</h1>
<p class="lightcoral">This is lightcoral</p>
<p class="violet">This is violet</p>
<p class="magenta">This is magenta</p>
<p class="deeppink">This is deeppink</p>
<p class="crimson">This is crimson (for evil women)</p>

<h1>OTHERS/ALTERNATES</h1>
<p class="peru">This is peru</p>
<p class="rot">This is indianred</p>
<p class="orangered">This is orangered</p>
<p class="coral">This is coral</p>
<p class="cshell">This is seashell</p>

<p class="antwhite">This is antiquewhite</p>
<p class="navwhite">This is navajowhite</p>
<p class="papaya">This is papayawhip</p>
<p class="wheat">This is wheat</p>
<p class="lace">This is oldlace</p>
<p class="cornsilk">This is cornsilk</p>

<p class="lemon">This is lemonchiffon</p>
<p class="palegoldenrod">This is palegoldenrod</p>
<p...

CSS

body {
    background-color: black;
    font-family: 'Segoe UI', 'Lucida Sans';
}
h1 {
    background-color: azure;
    font-family: "Lucida Sans";
}
h2 {
    background-color: burlywood;
    font-family: "Segoe UI";
}
.roja {
    color: red;
}
.choctypus, .choc {
    color: chocolate;
}
.orange {
    color: orange;
}
.amarillo {
    color: yellow;
}
.verde {
    color: green;
}
.azul {
    color: blue;
}
.indigo {
    color: indigo;
}
.violet {
    color: violet;
}
.blanco {
    color: white;
}
.purple {
    color: purple;
}
.silver {
    color: silver;
}
.maroon {
    color: maroon;
}
.moreno {
    color: brown;
}
.rot {
    color: indianred;
}
.orangered {
    color: orangered;
}
.coral {
    color: coral;
}
.cshell {
    color: seashell;
}
.sandybrown {
    color: sandybrown;
}
.peru {
    color: peru;
}
.bisque {
    color: bisque;
}
.darkorange {
    color: darkorange;
}
.burlywood {
    color: burlywood
}
.tan {
    color: tan
}
.antwhite {
    color: antiquewhite
}
.navwhite {
    color: navajowhite
}
.blanched {
    color: blanchedalmond
}
.papaya {
    color: papayaWhip
}
.moc {
    color: Moccasin
}
.wheat {
    color: Wheat
}
.lace {
    color: OldLace
}
.goldenrod {
    color: Goldenrod
}
.cornsilk {
    color: Cornsilk
}
.gold {
    color: Gold
}
.khaki {
    color: Khaki
}
.lemon {
    color: LemonChiffon
}
.palegoldenrod {
    color: PaleGoldenrod
}
.yellowgreen {
    color: YellowGreen
}
.greenyellow {
    color: GreenYellow
}
.lawngreen {
    color: LawnGreen
}
.lightgreen {
    color: LightGreen
}
.limegreen {
    color: LimeGreen
}
.palegreen {
    color: PaleGreen
}
.springgreen {
    color: SpringGreen
}
.aquamarine {
    color: Aquamarine
}
.turq {
    color: Turquoise
}
.lightcgreen {
    color: LightSeaGreen
}
.paleturq {
    color: PaleTurquoise
}
.teal {
    color: Teal
}
.aqua {
    color: Aqua
}
.azure {
    color: Azure
}
.skyblue {
    color: SkyBlue
}
.aliceblue {
    color: AliceBlue
}
.dodgerblue {
    color:...