/*#rightLean {*/
/*    stroke: silver;*/
/*    stroke-width:1;*/
/*}*/
/*#leftLean {*/
/*    stroke: silver;*/
/*    stroke-width:1;*/
/*}*/
/*#dots {*/
/*    stroke: silver;*/
/*    stroke-width:1;*/
/*}*/
/*#crossHatch {*/
/*    stroke: silver;*/
/*    stroke-width:1;*/
/*}*/

pattern {
    stroke: silver;
    stroke-width:1;
    /*backrgound-color: white;*/
}
.part-torso {
    fill: url(#rightLean);
}
.part-body {
    fill: url(#leftLean);
}
.part-spandex {
    fill: url(#dots);
}
.part-grips {
    fill: url(#crossHatch);
}


.part-suit {
    /*fill: url(#rightLean);*/
    stroke: black;
    stroke-width:1;
}

/* =========== color classes
 Using site: https://www.quackit.com/css/css_color_codes.cfm
 for getting actual css names for these
 
                        <option value="1">white</option>
                        <option value="2">silver gray</option>
                        <option value="3">charcoal gray</option>
                        <option value="4">black</option>
                        <option value="5">lemon yellow</option>
                        <option value="7">gold</option>
                        <option value="8">orange</option>
                        <option value="10">powder blue</option>
                        <option value="12">royal blue</option>
                        <option value="13">navy blue</option>
                        <option value="14">green</option>
                        <option value="16">teal green</option>
                        <option value="18">red</option>
                        <option value="19">maroon</option>
                        <option value="20">magenta</option>
                        <option value="21">purple</option>
                        <option value="22">hot pink</option>
                        <option value="23">tan</option>
                        <option value="24">digital camo</option>
================= */

 
.color-1 {
   fill: white;
}
.color-2 {
   fill: silver;
}
.color-3 {
   fill: gray;
}
.color-4 {
   fill: black;
}
.color-5 {
   fill: yellow;
}
.color-6 {
   /*fill: ; */
}
.color-7 {
   fill: gold;
}
.color-8 {
   fill: orange;
}
.color-9 {
   /*fill: ; */
}
.color-10 {
   fill: PowderBlue;
}
.color-11 {
   fill: turquoise;
}
.color-12 {
   fill: RoyalBlue;
}
.color-13 {
   fill: navy;
}
.color-14 {
   fill: green;
}
.color-15 {
   fill: lime;
}
.color-16 {
   fill: teal;
}
.color-17 {
   /*fill: ; */
}
.color-18 {
   fill: red;
}
.color-19 {
   fill: maroon;
}
.color-20 {
   fill: magenta;
}
.color-21 {
   fill: purple;
}
.color-22 {
   fill: HotPink;
}
.color-23 {
   fill: Tan;
}
.color-24 {
   fill: Khaki;
}