body, html {
  height: 100%;
  background: #000000;
  background-image: url('/img/neongrid.svg');
  min-height: 100%;
  background-position: center bottom;
  background-attachment: fixed;
  background-size: cover;
  color: #ffffff; 
}


a {
		color: blue;
}

sup {color: red;}   

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  font-size: medium;  
  color: #F4FFF1;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #f68f18;
  color: #000000;
}

.accordion:after {
  content: '\002B';
  color: #FFFFFF;
  font-weight: bold;
  font-size: medium;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}


/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: #FFFFFF;
  color: #000000;
  font-size: medium;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;

}

.accord1 {
background-color: #3366FF;
color: #FFF;
}

.accord2 {
background-color: #6161FF;
color: #FFF;
}

.accord3 {
background-color: #9147FF;
color: #FFF;
}

.accord4 {
background-color: #D100D1;
color: #FFF;
}

.accord5 {
background-color: #D600A1;
color: #FFF;
}

.accord6 {
background-color: #E60073;
color: #FFF;
}

.accord7 {
background-color: #EB004E;
color: #FFF;
}

.accord8 {
background-color: #FF0032;
color: #FFF;
}


.accord9 {
background-color: #E11E3A;
color: #FFF;
}


.accordA {
background-color: #C7383D;
color: #FFF;
}