:root{
    --main-background-color: lightgreen;
    --second-color: green;
    --main-color: darkgreen;
    --hover-color: aqua;
}


body{
    padding: 1%;
   font-family:Verdana, Tahoma, sans-serif;
   margin: 0.5%;
   border: thin solid var(--main-color);
   background-color: rgb(210, 240, 210);
}

   nav a:link{
        background-color: #fff;
        color: #009;
        text-decoration: none;
    }
    nav a:hover{
        text-decoration: underline;
    }
    nav a{
        display: inline-block;
        width: 19%;
    }
    nav{
        border: thin solid yellow;
        background-color: white;
        text-align: center; 
    }
h1 {
    background-color: var(--main-background-color);  
    max-width: 75%;
    text-transform:uppercase;
    border: thin solid black;
}
.checker{
    color:white;
    background-color: aquamarine;
    background-image: url("../images/Chess-background.png");

}

h2{
    background-color: var(--main-background-color);
    max-width: 75%;
    border: thin solid black;
}

p{
    background-color: aliceblue;
    max-width: 75%;
    text-indent: 2%;
    padding: 2%;
    margin: 0.5%;
    border: thin solid black;
}
ul, ol{
    background-color: beige;
    padding: 3%;
    border: thin dashed black;
    color:var(--main-color);
}


    figure {
        border: thin solid black;
        border-radius: 10%;
        padding: 3%;
        text-align: center;
        max-width: 100%;
    }

    figcaption {
        font-style: italic;
        text-align: center;
        max-width: 80%;
    }

    img{
        padding: 2%;
        margin-right: 2%;
        border: thin solid black;
        max-width: 100%;
        border-radius: 10%;
    }
        .right{
        float:right;
            max-width:20%;
            border: thin dashed lightseagreen;
        }

            form, fieldset p{
                margin: auto;
            }
            form p {
                text-indent: 0px;
            }

    table{
        border-collapse: collapse;
        width:80%;
        margin:auto;
    }
    table, th{
        border: thin solid lightseagreen;
    }
    tr, td{
        border: thin dashed darkseagreen;
        margin: 2px;
    }

    .even{
        background-color: aquamarine;
    }
    .odd{
        background-color:cornflowerblue;
    } 
    th{
        color:var(--main-color);
    }
    table caption{
        color: var(--main-color);
    }
    table+p{
        padding-top:1em;
    }

 a:hover{
     background-color:var(--hover-color);
}
cite{
    font-size: xx-small;
}