:root{
  --box-color: rgba(221,241,255,1);
  --main-font-color: rgba(55,95,92,1);
  --text-margins: 2% 15%;
  --text-padding: 1%;
}


header{
  background-color:var(--box-color);
  text-align:center;
  margin:var(--text-margins);
  color: var(--main-font-color);
  padding: var(--text-padding);
}

nav{
  background-color:var(--box-color);
  text-align:center;
  margin:var(--text-margins);
  padding: var(--text-padding);
  border: double #6b807f;
}

nav a{
  display: inline-block;
  color: var(--main-font-color);
  width:30%;
  text-decoration:none;
}

nav a:hover{
  text-decoration: underline;
  color: rgb(114, 130, 202);
}

nav a:link{
  color: black;
  text-decoration:none;
}

a:hover{
  opacity:2;
  text-decoration:underline;
  color: #0a76a8;
}


body{
  font-family:optima; 
  color: var(--main-font-color);
  background-image: url("../images/sand.jpg");
  margin: var(--text-margins);
  padding: var(--text-padding)
}

p{
  text-indent: 4em;
  background-color: var(--box-color);
  padding: var(--text-padding);
} 

h2{
  padding: var(--text-padding);
}

h5{
  background-color: var(--box-color);
  text-align:center;
  padding: var(--text-padding);
}

ul{
  margin-right: 10em;
}

h1{ 
  text-transform: uppercase;
}

.plasticProduction{
  background-color: var(--box-color);
  padding: var(--text-padding);
}

.effects{
  background-color: var(--box-color);
  padding: var(--text-padding);
}

img{
  max-width: 100%;
  width: 35%;
  text-align: center;
  padding-bottom: 0%;
  border-radius: 5%;
}



figcaption{
  text-align:center;
  background-color:var(--main-font-color);
  color: var(--box-color);
  margin-top: 0%;
  border-radius: 5%;
}

figure{
  text-align:center;
  border: solid thick var(--main-font-color);
  border-radius:5%;
}


table{
    border: thin solid black;
    margin: auto;
    padding: 1%;
    width: 80%;
    text-align:center;
    border-collapse: collapse;
  }

table caption{
  text-transform: uppercase;
}


  td, th{
    padding: .5%;
    border: dotted black;
  }

  .odd{
    background-color: rgb(146, 157, 173);
  }
  .even{
    background-color: rgb(201, 206, 212);
  }

  cite{
    font-size: xx-small;
  }

  footer{
    background-color: var(--box-color);
    color:var(--main-font-color);
  }

form{
  background-color: var(--box-color);
}


form p{
  text-indent: 0em;
}

.organizationImg{
  float: right;
  width:45%;
}

.toHelp{
  background-color: var(--box-color);
  padding-bottom: 2%;
}

.organization{
  background-color: var(--box-color);
  padding-left: var(--text-padding);
}