:root{
  --green: #c6dabf;
  --pink: #fbcaef;
  --kelly_green: #1a936f;
  --dark_green: #114b5f;

}
nav {
  background-color: var(--pink);
  text-align: center;
  font-family: "Veranda", "Arial", sans-serif;
  font-size: 20px;
  padding: 1%;
}

figure {
  text-align: center;
  width: 100%;
  padding: 2%;
}

p,
table,
section {
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
  padding: 3% 15%;
  background-color: var(--green);
}
p{
  text-indent:2em;
}

footer {
  margin-left: auto;
  margin-right: auto;
  padding: 3% 40%;
}

ul {
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
  padding: 0% 20%;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
figcaption{
  font-size:xx-small;
}

body {
  color: var(--dark_green);
  background-image: url("../images/flowers.jpg");
  font-family: "Georgia", "Times New Roman", serif;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

h1,
h2,
h3,
h4 {
  color: var(--dark_green);
  font-family: "Veranda", "Arial", sans-serif;
  text-align: center;
  background-color: var(--green);
}

h1{
  text-transform: uppercase;
}

form {
  margin: auto;
  padding: 1% 30%;
}

input[type="submit"] {
  border-radius: 8em;
  background-color: var(--kelly_green);
  color: var(--green);
  font-size: 20px;
  text-align: center;
  width: 40%;
  margin: auto;
}

a:hover{
  color: var(--kelly_green);
}
#small_fig
{
  margin: auto;
  width: 40%;
}
.rounded
{
  border-radius: 10px;
  border-style: dotted;
}

.float-right{
  width: 30%;
  float: right;
}

nav a:link{
  background-color:var(--pink);
  color: var(--dark_green);
  text-decoration: none;
}

nav a:hover{
  text-decoration: underline;
  font-size: 40px;
}

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

nav{
  border: thin solid var(--kelly_green);
  text-align: center;
}
li:nth-child(odd){
  background-color: #DEF1D8;
}
li:nth-child(even){
  background-color: #B2C2AD;
}

table{
  width: 80%;
  border: 0.5em double var(--kelly_green);
  border-collapse: collapse;
  margin: auto;
}
tr{
  border: 0.2em double var(--kelly_green);
  border-collapse: collapse;
}
th{
  border: 0.2em double var(--kelly_green);
  border-collapse: collapse;
  font-size: 1.2em;
}

tr:nth-child(odd){
  background-color: #DEF1D8;
}
tr:nth-child(even){
  background-color: #B2C2AD;
}

form p{
  text-indent:0em;
}
input, textarea{
  float: right;
}