:root {
    --backcolor: rgba(253, 252, 220, 0.8);
    --textColor: rgb(34, 34, 34);
    --oddback: rgba(195, 194, 169, 0.9);
    --evenback: rgba(253, 252, 220, 0.9);
}

* {
    font-family: 'Times New Roman', Times, serif;
}

:not(a){
    color: var(--textColor);
    padding: 0;
    margin: 0;
}

figure{
    float: left;
    text-align: center;
    max-width: 20%;
    border-radius: 10%;
    border: 0.2em solid var(--textColor);
    background-color: var(--backcolor);
}

.floatright{
    float: right;
}

figcaption {
    background-color: var(--backcolor);
    margin: auto;
    width: 60%;
}

img{
    max-width: 100%;
    border-radius: 10%;
    margin: auto;
}

body {
    /*image source: "https://www.science.org/news/2020/05/new-solar-panels-suck-water-air-cool-themselves-down"*/
    background-image: url("images/background.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80%;
    margin: auto;
}

a:hover {
    background-color: #fdfcdc;
}

h1 {
    text-transform: uppercase;
}

p {
    text-indent: 4em;
}

cite {
    font-size: xx-small;
}

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;
}

li {
    margin-left: 1.2em;
}

li:nth-child(even) {
    background-color: var(--evenback);
}

li:nth-child(odd){
    background-color: var(--oddback);
}

form p{
    text-indent: 0em;
}

form {
    margin:auto;
    width: 80%;
}

main > *{
    background-color: var(--backcolor);
    border: 0.2em double var(--textColor);
}

table caption {
    background-color: var(--backcolor);

}

table {
    border-width: 0.4em;
    border-style:solid;
    border-color: var(--textColor);
    border-collapse: collapse;
    width: 80%;
    margin:auto;
}

td {
    border-width: 0.2em;
    border-style: solid;
    border-color: var(--textColor);
}

th {
    border-width: 0.2em;
    border-style: solid;
    border-color: var(--textColor);
}

tr:nth-child(1) {
    border-bottom: 0.3em double var(--textColor);
}

tr:nth-child(odd){
    background-color: var(--oddback);
}

tr:nth-child(even){
    background-color: var(--evenback);
}

header {
    background-color: var(--backcolor);
}

footer {
    background-color: var(--backcolor);
}

header figure img{
    max-height: 4em;
}