:root {
    --main-bg-color: #8CBF61;
    --main-bg-color-rgba: rgba(253,253,253, 0.8);
    --nav-bg-color-rgba: rgba(140,191,97,0.8);
    --main-text-color: #111111;
    --background-odd: rgba(233,233,233,.8);
    --background-even: rgba(253,253,233,.8);
}
*{
    font-family: sans-serif;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
}
main,
article,
section,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
nav {
    padding: 1%;
}
html{
    background-image: url(../images/background.jpg);
    color: var(--main-text-color);
}
body{
    width: 90%;
    margin: auto;
}
.index li:nth-child(odd){
    background-color: var(--background-odd);
}
.index li:nth-child(even){
    background-color: var(--background-even);
}
table {
    border: medium solid black;
    border-collapse: collapse;
    margin: auto;
}
table+p{
    padding-top: 1em;
}
td,
th{
    border: thin solid black;
    padding: .5em;
}
tr:nth-child(odd){
    background-color:var(--background-odd);
}
tr:nth-child(even){
    background-color:var(--background-even);
}
caption{
    font-variant: small-caps;
    font-weight: bold;
    padding-top: 1em;
}
main,footer{
    background-color: var(--main-bg-color-rgba);
    padding: 1em;
}
nav{
    background-color: var(--nav-bg-color-rgba);
    border-bottom: medium solid var(--main-bg-color);
    text-align: center;
}
nav a{
    display: inline-block;
    padding: 1%;
    
}
nav a:link{
    text-decoration: none;
    color: darkblue;
}
a:hover{
    color: var(--main-text-color);
    text-decoration: underline;
}
cite {
    font-size: xx-small;
}
figcaption{
    font-size: small;
}
figure{
    text-align: center;
}
h1{
    text-transform: uppercase
}
img{
    max-width: 100%;
}
p{
    text-indent: 3em;
    padding-bottom: 1em;
}
.floatRight{
    float: right;
} 
.roundedCorners{
    border-radius: 1em;
    border: thin solid green;
}
form{
    background-color: var(--main-bg-color-rgba);
    border: thin solid black;
    clear: both;
    max-width: 30em;
    margin: auto;
    padding: 1%;
}
form p{
    text-indent: 0;
}
.buttons{
    text-align: center;
}
.buttons input{
    background-color: lightgreen;
    font-weight: bold;
    font-size: larger;
    padding: .4em;
    width: 50%;
}
fieldset{
    padding: 1%;
}
label[for^="txt"]{
    display: block;
}
input, textarea{
    width: 99%;
}
input[type="radio"], input[type="checkbox"]{
    width: inherit;
}
legend{
    margin-top: 1%;
}