.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;*/
}
.card {
	background-color:#e5e5e5;
}
.white a.class2 {
	color: #fff;
}
#colorbutton {
	 height: 1.2rem; width: 1.2rem;
     border: black solid  0.1rem;
     border-radius:50%
}
.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;
	 }
.black .card {
	background-color: #7F7F7F;
}

 #color-button {
	 height: 1.2rem; width: 1.2rem;
     border: white solid  0.1rem;
     border-radius:50%
  } 
 .absolute {
    position: absolute;
    top: 0;
    right: 1rem;
  }

}