/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
 /*  <style>*/
*{
    opacity:0.95;
background-color:rgba(200,180,160,0.8);
/*background-opacity:0.2;*/
border-radius:5%;
font-family:Serif, "courier new";
/*opacity:0.95;*/
}

/*
a:href:#{color:orange; colour:orange; }
*/

a:active{color:hotpink; }
a:visited{color:brown; }
a:hover{
color:green; 
background-color:pink; 
border-radius:50%; }


body {
  background-color: rgba(55,55,55,0.8);
  color: black;
  font-family: Verdana;
}

/*
div:nth-child (odd){
background:lightgrey; 
background-color:BBBBBBEE; }

div:nth-child (even){
background:darkgrey;
 background-color:555555EE;}
*/

div{
background:invert; 
background-color:rgba(200,100,50,0.2);
/*forced to select colour for transparencey*/
/*background-opacity:20%;*/
border:0.2vmin solid grey; 
border-radius: 5%;
margin:auto; 
opacity:0.95;
padding:0.2%;
}


li:nth-child(even){background-color:rgba(22,22,22,0.2)}
li:nth-child(odd){background-color:rgba(250,250,250,0.2)}


ul:nth-child(odd){list-style-type:square;}
ul:nth-child(3n+0){list-style-type:round;}


/* </style >*/
/*
<div><p>content</p>
<p>
<a href="#a">Aa</a>BbCcDd<a href="#e">Ee</a>FfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
</p>
<div>

<h2 id="a">Aa</h2>
<ul>

<li style="font-family:Ambient">Ambient</li>
<li style="font-family:Arial">Arial</li>
<li style="font:Auto">Auto</li>
<li style="font:Avadica">Avadica</li>
</ul>

<h2 id="b">Bb</h2>
<li style="font-family:Ballpoint">Ballpoint</li>
<li style="font-family:'Ballpoint pen'">Ballpoint pen</li>
<li style="font-family:'Ball point pen'">Ball point pen</li>
<li style="font-family:Bold">Bold</li>
<li style="font-family:Big">Big</li>
<li style="font-family:Blooper">Blooper</li>
<li style="font-family:Blot">Blot</li>
<li style="font-family:Brush">Brush</li>
<li style="font-family:Bubble">Bubble</li>


<h2 id="c">Cc</h2>
<li style="font-family:Chalk">Chalk</li>
<li style="font-family:Chinese">Chinese</li>
<li style="font-family:'Comic Sans'">ComicSans</li>
<li style="font-family:'courier new'">CourierNew</li>
<li style="font-family:Crayon">Crayon</li>
<li style="font-family:Cursive">Cursive</li>


<h2 id="d">Dd</h2>


<h2 id="e">Ee</h2>
<ul>
<li style="font-family:Euclid">Euclidean</li>
<li style="font-family:Elephant">Elafont</li>
</ul>

<h2 id="f">Ff</h2>
<ul>
<li style="font-family:F">F</li>
<li style="font-family:False">False</li>
<li style="font-family:Fail">Fail</li>
<li style="font-family:Fantasy">Fantasy</li>
<li style="font-family:Fiction">Fiction</li>
<li style="font-family:Formaldahyde">Formaldahyde</li>
<li style="font-family:Font">Font</li>
<li style="font-family:Fun">Fun</li>
</ul>


<h2 id="h">Hh</h2>
<ul>
<li style="font-family:Hand">Hand</li>
<li style="font-family:Hanji">Hanji</li>
<li style="font-family:Heretic">Heretic</li>
<li style="font-family:Home">Home</li>
<li style="font-family:Humunculous">Humunculous</li>
<li style="font-family:Hun">Hun</li>
</ul>


<h2 id="m">Mm</h2>
<ul>
<li style="font-family:Marker">Marker</li>
<li style="font-family:Max">Max</li>
<li style="font-family:'Mechanical pen'">MechanicalPen</li>
<li style="font-family:'Mechanical pencil'">MechanicalPencil</li>
<li style="font-family:Min">Min</li>
<li style="font-family:Mix">Mix</li>
<li style="font-family:Mixed">Mixed</li>
<li style="font-family:Mixer">Mixer</li>
</ul>


<h2 id="o">Oo</h2>
<ul>
<li style="font-family:O">O</li>
<li style="font-family:Oblique">Oblique</li>
<li style="font-family:Obvious">Obvious</li>
</ul>


<h2 id="p">Pp</h2>
<ul>
<li style="font-family:Pen">Pen</li>
<li style="font-family:Pencil">Pencil</li>
<li style="font-family:'Pencil crayon'">PencilCrayon</li>
</ul>


<h2 id="s">Ss</h2>
<ul>
<li style="font-family:SabooTaboo">SabooTaboo</li>
<li style="font-family:Sans">Sans</li>
<li style="font-family:'Sans serif'">SansSerif</li>
<li style="font-family:Sci">Sci</li>
<li style="font-family:Scientific; border:1vmin dashed yellow">Scientific</li>
<li style="font-family:SciVegan">SciVegan</li>
<li style="font-family:SciVeganKyle">SciVeganKyle</li>
<li style="font-family:SciVeganKCPM">SciVeganKCPM</li>
<li style="font-family:'SciVegan KyleCPM'">SciVegan KyleCPM</li>
<li style="font-family:SciVegan">SciVegan</li>

<li style="font-family:Script">Script</li>
<li style="font-family:Serif">Serif</li>
</ul>


<h2 id="t">Tt</h2>
<ul>
<li style="font-family:Taboo">Taboo</li>
<li style="font-family:TabooSaboo">TabooSaboo</li>
<li style="font-family:Tangent">Tangent</li>
<li style="font-family:Tan">Tan</li>
</ul>


<h2 id="v">Vv</h2>
<ul>
<li style="font-family:V">V</li>
<li style="font-family:Var">Var</li>
<li style="font-family:Variant">Variant</li>
<li style="font-family:Varient">Varient</li>
<li style="font-family:Vos">Vos</li>
</ul>
*/