body{
  background-color: #CCFFC9;
  color: #CCCCCC;
  font-family: Tahoma,sans-serif;
 } 
 h1{
 color: #0A9396;
 font-family: impact,sans-serif;
 font-size: 80px;
 }
 a{
   color: #00ccff;
} 
 h2{
  color: #00ccff;
	font-size: 50px;
	text-decoration: underline;
	}
	h6{
	font-size: 2px;
	font-weight: 600;
	}
	.one{
	 font-size: 20px;
	 font-weight: 400;
	 font-style: italic;
	 }
	 .two{
	 color: #F28482;
	 font-style: oblique;
	 }
	 table, td{h
	 border: 2px solid #ff006e; 
	 }
	 td{
	 border-style: dotted;
	 }
	 .three{
	 background-color: #f15bb5;
	 color: white;
	 }
	 .box
{
   background-color: #222222;
color: #CCCCCC;
border: 3px black solid;
position: absolute;
padding: 20px;
width: 500px;
}


.accordion
{
 background-color:#003366;
 border:none;
 color:#CCCCCC;
 cursor:pointer;
 outline:none;
 padding:16px;
 text-align:left;
 transition:0.4s;
 width:100%;
}

.active, .accordion:hover
{
 background-color:#6699CC;
 color:#111111;
}

.panel
{
 background-color:#CCCCCC;
 display:none;
 overflow:hidden;
 padding:0 a6px;
}