.white{
	color:#000;
  background-color:#f8f8ff;
  border-color: #000;
}
.white a:link{
   color:#0000FF;
}
.white a:visited {
   	   color:#0000FF;
}
.white a:hover {
	   color: #ff0074;
}
.white a:active {
	   color:#0000FF;
	 }
.white h1,.white h2,.white h3, .white h4 {
   color: #8B6914; /*#A52A2A;*/
}

.black{
	color:#FFF;
	background-color:#4D4D4D;
  border-color: #FFF;}
  .black h1,.black h2,.black h3,.black h4 {
     color:#FFF;
  }
.black a:link {
	   color:inherit;
 }
.black a:visited {
   	   color:inherit;
}
.black a:hover {
	   color:#FFFF00;
}
.black a:active {
	   color:inherit;
	 }

.orange{
  color:#000;
	background-color:#FFA07A;
  border-color: #000;
}
.orange h1,.orange h2,.orange h3, .orange h4 {
   color:#000;
}
.blue{
	color:#FFF;
	background:#4169E1;
  border-color: #FFF;}
 .blue h1,.blue h2,.blue h3, .blue h4 {
      color:#FFF;
   }
   .blue a:link {
   	   color:inherit;
    }
   .blue a:visited {
      	   color:inherit;
   }
   .blue a:hover {
   	   color:#FFFF00;
   }
   .blue a:active {
   	   color:inherit;
   	 }
.green{
	color: #FFF;
	background:#2E8B57;
  border-color: #000;}
  .green a:link {
      color:inherit;
   }
  .green a:visited {
          color:inherit;
  }
  .green a:hover {
      color:#FFFF00;
  }
  .green a:active {
      color:inherit;
    }
   .green h1,.green h2,.green h3, .green h4 {
      color:#FFF;
   }
    .grey {
   	color: #FFF;
   	background:#A99898;
     border-color: #FFF;}
     .grey a:link {
         color:inherit;
      }
     .grey a:visited {
             color:inherit;
     }
     .grey a:hover {
         color:#FFFF00;
     }
     .grey a:active {
         color:inherit;
       }
     .grey h1,.grey h2,.grey h3, .grey h4 {
        color:#FFF;
     }
    .rasta{
     	color: #008000;
     	background-color: #FFEF00;
        border-color: #008000;
      }
      .rasta h1,.rasta h2,.rasta h3, .rasta h4 {
         color:#FF0000;
      }
     	.rasta a:link {
     	   color:#FF0000;
       }
     .rasta a:visited {
      	   color:#FF0000;
        }
      .rasta a:hover {
       	   color:#FF0000;
           font-weight: bold;
         }
       .rasta a:active {
        	   color:#FF0000;
          }
  /* Feedback button*/
.open-button {
     font-size:110%;
     background-color: transparent;
     color: inherit;
     border:solid 0.1rem;
     border-color:inherit;
     border-radius:0.8rem;
     padding: 16px 20px;
     cursor: pointer;
     opacity: 0.8;
     position: fixed;
     bottom: 0;
     right: 5rem;
  }
  #button {
     border: solid black 0.1rem;
     border-radius:
  }
  div.absolute {
    position: absolute;
    top: 0;
    right: 0;
  }