body, html { 
    background-image: url('../images/water.png');
    font-family: "Calibri", Arial, sans-serif;
}

header {
    text-align: center;
    padding: 0em;
    margin-bottom: 1%;
    background-color: rgba(255,255,255,0.7);
}

nav {
    background-color: rgba(255,255,255,0.7);
    text-align: center;
    border: thin solid yellowgreen;
    padding: 2em;
    margin-bottom: 2%;
}

nav a:link{
    background-color: #fff;
    color: #009;
    text-decoration: none;
}

nav a:hover{
    text-decoration: underline;
    color:blueviolet;
}

nav a{
    display: inline-block;
    width: 19%;
}

main {
    background-color: rgba(255,255,255,0.7);
    padding: 2em;
    margin-bottom: 2%;
}

section {
    padding: 2em;
    margin-bottom: 2%;
}

footer {
    background-color:rgba(255,255,255,0.7);
    padding: 0em;
    margin-bottom: 2%;
}


figure {
    float: right;
    text-align: right;
    width: 50%;
}

img {
    max-width: 100%;
}

a:hover {
    text-decoration: double;
    color: rgb(255, 0, 25);
}

h1 {
    text-transform: uppercase;
}

p {
    text-align: left;
    text-indent: 1em; /* Adjust the value as needed */
}

cite {
    font-size: xx-small;
}

.rounded-image {
    border-radius: 10%; 
}

.rounded-figure {
    border-radius: 10%;
    overflow: hidden;
}

.figure-border {
    border: 1em solid black; 
}

.figure-size {
    width: 50%; 
    height: auto;
}

figure {
    display: flex; 
    flex-direction: column; 
    align-items: center;
    text-align: center;
}

figcaption {
    font-style: italic;
    margin-top: 5px;
}

.float-right {
    float: right; 
}

#index-page li:nth-child(odd) {
    background-color:rgb(244, 208, 196); 
}

#index-page li:nth-child(even) {
    background-color:ivory; 
}

#index-page table caption {
    font-weight: bold;
    display: block; 
    margin-bottom: 2%; 
    text-align: center;
}

#index-page table {
    border: 1em solid #000; 
    border-collapse: collapse; 
    width: 80%; 
    margin-left: auto;
    margin-right: auto;
}

#index-page th, #index-page td {
    border: 2em solid #000; 
    padding: 4em; 
}

#index-page td {
    border-color:bisque; 
}

#index-page th {
    background-color: #f2f2f2; 
}

#index-page tr:nth-child(odd) {
    background-color: #bed0d0; 
}

#index-page tr:nth-child(even) {
    background-color: #e3c9c9; 
}

form p {
    text-indent: 0;
}

#form-page form {
    margin-left: auto;
    margin-right: auto;
}