:root{
    --main-font: Merriweather;
    --background-img:url(../images2/background-one.png);
    --backy-color: rgba(255,178,102,.5);
    --header-back-color: rgba(0,153,0,.5);
    --figcap-color: rgba(255,204,204,.5);
}
html{
    background-image: var(--background-img);
}

/*table style*/
table, td,tr,th
{
    border: 1px solid black;
    border-collapse: collapse;
    
}
td,tr,th{
    border: black dotted;
}
th{
    text-transform: uppercase; 
}
tr:nth-child(even){ 
    background: rgb(234, 75, 75); 
}
tr:nth-child(odd){ 
    background: rgba(24, 162, 148, 0.559); 
}
table{
    width:80%;
}

/*form style8*/
fieldset>p{
    text-indent: 0%;
}
fieldset,legend{
    text-align: center;
}
main>header>figure{
    height:25%;
    width:25%;
    float:right;
}


/*Making h1 all uppercase*/
h1{
    text-transform: uppercase;
}

/*setting font*/
h1,h2,p,figcaption,td,tr,th,h3, li, nav
{
    font-family: var(--main-font);
}

/*formatting*/
h1,h2,h3,p,figcaption,td,tr,th,ol,ul,li,nav{
    padding: 1%;
}
img{
    max-width: 100%;
    border-radius: 5%;
}
figure{
    border-radius: 5%;
    border: 1px solid black;
}
cite{
    font-size: xx-small;
}
p{
    text-indent: 5%;
}
p,figure
{
    margin-left: 8em;
    margin-right:8em;
}
h2
{
    margin-left: 3em;

}
ol{
    margin-left:5em;
}
h1
{
    text-align: center;
}
figcaption
{
    text-align: center;
}
td{
    text-align: right;
}
nav
{
    text-align: center;
    font-size: 150%;
    background-color: rgba(255,153,153,.7);
    border: thin solid black;
}
nav a{
    display: inline-block;
    width:15%;
}
nav:hover{
    color:antiquewhite;
}
ul>li:nth-child(even){ 
    background: rgb(234, 75, 75); 
}
ul>li:nth-child(odd){ 
    background: rgba(24, 162, 148, 0.559); 
}
main>section>h3{
    margin-left: 5em;
}



/*classes*/
.center
{
    margin-left: auto;
    margin-right: auto;
}
.img1{
    height: 50%;
    width: 50%;
}
.rounded{
    border-radius: 5%;
}
.righty{
    float:right;
}
.centerImg
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.textRighty{
    text-align:right;
}

/*psuedo code*/
a:hover{
    color: rgb(255,102,178);
}

/*Back ground colors*/
p,table, td,tr,th,figcaption{
    background-color: var(--backy-color);
}
h2,h3,h4,fieldset{
    background-color: var(--header-back-color);
}
figcaption,caption{
    background-color: var(--figcap-color);
}