:root {
    --color: black;
}
*, html, body {
    margin: 0;
    padding: 0;
    font-family: monospace;
    box-sizing: border-box;
    color: var(--color);
}

span {
    text-transform: lowercase;
    border: 2px solid var(--color);
    padding: 0.5rem;
    border-radius: 5rem;
}

.hl {
   box-shadow: 0px 5px rgba(0, 0, 0, 0.5);
}

div {
    font-size: 1.5rem;
    height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 5vw;
    justify-content: space-between;
    color: black;
}

.aliceblue {
    background-color: aliceblue;
}

.antiquewhite {
    background-color: antiquewhite;
}

.aqua {
    background-color: aqua;
}

.aquamarine {
    background-color: aquamarine;
}

.azure {
    background-color: azure;
}

.beige {
    background-color: beige;
}

.bisque {
    background-color: bisque;
}

.black {
    background-color: black;
    --color: white;
}

.blanchedalmond {
    background-color: blanchedalmond;
}

.blue {
    background-color: blue;
    --color: white;
}

.blueviolet {
    background-color: blueviolet;
    --color: white;
}

.brown {
    background-color: brown;
    --color: white;
}

.burlywood {
    background-color: burlywood;
}

.cadetblue {
    background-color: cadetblue;
    --color: white;
}

.chartreuse {
    background-color: chartreuse;
}

.chocolate {
    background-color: chocolate;
    --color: white;
}

.coral {
    background-color: coral;
    --color: white;
}

.cornflowerblue {
    background-color: cornflowerblue;
}

.cornsilk {
    background-color: cornsilk;
}

.crimson {
    background-color: crimson;
    --color: white;
}

.cyan {
    background-color: cyan;
}

.darkblue {
    background-color: darkblue;
    --color: white;
}

.darkcyan {
    background-color: darkcyan;
    --color: white;
}

.darkgoldenrod {
    background-color: darkgoldenrod;
    --color: white;
}

.darkgray {
    background-color: darkgray;
    --color: white;
}

.darkgreen {
    background-color: darkgreen;
    --color: white;
}

.darkkhaki {
    background-color: darkkhaki;
    --color: white;
}

.darkmagenta {
    background-color: darkmagenta;
    --color: white;
}

.darkolivegreen {
    background-color: darkolivegreen;
    --color: white;
}

.darkorange {
    background-color: darkorange;
    --color: white;
}

.darkorchid {
    background-color: darkorchid;
    --color: white;
}

.darkred {
    background-color: darkred;
    --color: white;
}

.darksalmon {
    background-color: darksalmon;
    --color: white;
}

.darkseagreen {
    background-color: darkseagreen;
    --color: white;
}

.darkslateblue {
    background-color: darkslateblue;
    --color: white;
}

.darkslategray {
    background-color: darkslategray;
    --color: white;
}

.darkturquoise {
    background-color: darkturquoise;
    --color: white;
}

.darkviolet {
    background-color: darkviolet;
    --color: white;
}

.deeppink {
    background-color: deeppink;
    --color: white;
}

.deepskyblue {
    background-color: deepskyblue;
    --color: white;
}

.dimgray {
    background-color: dimgray;
    --color: white;
}

.dodgerblue {
    background-color: dodgerblue;
    --color: white;
}

.firebrick {
    background-color: firebrick;
    --color: white;
}

.floralwhite {
    background-color: floralwhite;
}

.forestgreen {
    background-color: forestgreen;
    --color: white;
}

.fuchsia {
    background-color: fuchsia;
}

.gainsboro {
    background-color: gainsboro;
}

.ghostwhite {
    background-color: ghostwhite;
}

.gold {
    background-color: gold;
}

.goldenrod {
    background-color: goldenrod;
    --color: white;
}

.gray {
    background-color: gray;
    --color: white;
}

.green {
    background-color: green;
    --color: white;
}

.greenyellow {
    background-color: greenyellow;
}

.honeydew {
    background-color: honeydew;
}

.hotpink {
    background-color: hotpink;
}

.indianred {
    background-color: indianred;
    --color: white;
}
.indigo {
    background-color: indigo;
    --color: white;
}
.ivory {
    background-color: ivory;
    --color: white;
}

.khaki {
    background-color: khaki;
}

.lavender {
    background-color: lavender;
}

.lavenderblush {
    background-color: lavenderblush;
}

.lawngreen {
    background-color: lawngreen;
}

.lemonchiffon {
    background-color: lemonchiffon;
}

.lightblue {
    background-color: lightblue;
}

.lightcoral {
    background-color: lightcoral;
}

.lightcyan {
    background-color: lightcyan;
}

.lightgoldenrodyellow {
    background-color: lightgoldenrodyellow;
}

.lightgray {
    background-color: lightgray;
}

.lightgreen {
    background-color: lightgreen;
}

.lightpink {
    background-color: lightpink;
}

.lightsalmon {
    background-color: lightsalmon;
}

.lightseagreen {
    background-color: lightseagreen;
}

.lightskyblue {
    background-color: lightskyblue;
}

.lightslategray {
    background-color: lightslategray;
}

.lightsteelblue {
    background-color: lightsteelblue;
}

.lightyellow {
    background-color: lightyellow;
}

.lime {
    background-color: lime;
}

.limegreen {
    background-color: limegreen;
    --color: white;
}

.linen {
    background-color: linen;
}

.magenta {
    background-color: magenta;
    --color: white;
}

.maroon {
    background-color: maroon;
    --color: white;
}

.mediumaquamarine {
    background-color: mediumaquamarine;
}

.mediumblue {
    background-color: mediumblue;
    --color: white;
}

.mediumorchid {
    background-color: mediumorchid;
    --color: white;
}

.mediumpurple {
    background-color: mediumpurple;
    --color: white;
}

.mediumseagreen {
    background-color: mediumseagreen;
    --color: white;
}

.mediumslateblue {
    background-color: mediumslateblue;
    --color: white;
}

.mediumspringgreen {
    background-color: mediumspringgreen;
}

.mediumturquoise {
    background-color: mediumturquoise;
}

.mediumvioletred {
    background-color: mediumvioletred;
    --color: white;
}

.midnightblue {
    background-color: midnightblue;
    --color: white;
}

.mintcream {
    background-color: mintcream;
}

.mistyrose {
    background-color: mistyrose;
}

.moccasin {
    background-color: moccasin;
}

.navajowhite {
    background-color: navajowhite;
}

.navy {
    background-color: navy;
    --color: white;
}

.oldlace {
    background-color: oldlace;
}

.olive {
    background-color: olive;
    --color: white;
}

.olivedrab {
    background-color: olivedrab;
    --color: white;
}

.orange {
    background-color: orange;
}

.orangered {
    background-color: orangered;
    --color: white;
}

.orchid {
    background-color: orchid;
}

.palegoldenrod {
    background-color: palegoldenrod;
}

.palegreen {
    background-color: palegreen;
}

.paleturquoise {
    background-color: paleturquoise;
}

.palevioletred {
    background-color: palevioletred;
    --color: white;
}

.papayawhip {
    background-color: papayawhip;
}

.peachpuff {
    background-color: peachpuff;
}

.peru {
    background-color: peru;
    --color: white;
}

.pink {
    background-color: pink;
}

.plum {
    background-color: plum;
}

.powderblue {
    background-color: powderblue;
}

.purple {
    background-color: purple;
    --color: white;
}

.rebeccapurple {
    background-color: rebeccapurple;
    --color: white;
}

.red {
    background-color: red;
    --color: white;
}

.rosybrown {
    background-color: rosybrown;
    --color: white;
}

.royalblue {
    background-color: royalblue;
    --color: white;
}

.saddlebrown {
    background-color: saddlebrown;
    --color: white;
}

.salmon {
    background-color: salmon;
}

.sandybrown {
    background-color: sandybrown;
}

.seagreen {
    background-color: seagreen;
    --color: white;
}

.seashell {
    background-color: seashell;
}

.sienna {
    background-color: sienna;
    --color: white;
}

.silver {
    background-color: silver;
}

.skyblue {
    background-color: skyblue;
}

.slateblue {
    background-color: slateblue;
    --color: white;
}

.slategray {
    background-color: slategray;
    --color: white;
}

.snow {
    background-color: snow;
}

.springgreen {
    background-color: springgreen;
}

.steelblue {
    background-color: steelblue;
    --color: white;
}

.tan {
    background-color: tan;
}

.teal {
    background-color: teal;
    --color: white;
}

.thistle {
    background-color: thistle;
}

.tomato {
    background-color: tomato;
}

.turquoise {
    background-color: turquoise;
}

.violet {
    background-color: violet;
}

.wheat {
    background-color: wheat;
}

.white {
    background---color: white;
}

.whitesmoke {
    background-color: whitesmoke;
}

.yellow {
    background-color: yellow;
}

.yellowgreen {
    background-color: yellowgreen;
    --color: white;
}