.header {
//    background: rgb(2, 0, 36);
//    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
  background: rgb(21,10,61);
background: linear-gradient(90deg, rgba(21,10,61,1) 0%, rgba(41,4,113,1) 49%, rgba(178,126,203,1) 100%);
  
}

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background-color: #fff;
}

.green-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #009900; border-radius: 10px; padding: 5px 15px; border: solid 3px #006600; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.green-button:hover{background-color: #00cc00;}
.green-button:active {
  background-color: #00cc00;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}


.red-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #cc3300; border-radius: 10px; padding: 5px 15px; border: solid 3px #802000; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.red-button:hover{background-color: #ff3300;}
.red-button:active {
  background-color: #ff3300;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.blue-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #2952a3; border-radius: 10px; padding: 5px 15px; border: solid 3px #142952; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.blue-button:hover{background-color: #0066ff;}
.blue-button:active {
  background-color: #0066ff;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}


.yellow-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #808000; border-radius: 10px; padding: 5px 15px; border: solid 3px #4d4d00; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.yellow-button:hover{background-color: #cccc00;}
.yellow-button:active {
  background-color: #cccc00;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.purple-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #5900b3; border-radius: 10px; padding: 5px 15px; border: solid 3px #26004d; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.purple-button:hover{background-color: #9900ff;}
.purple-button:active {
  background-color: #9900ff;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.teal-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #246D5E; border-radius: 10px; padding: 5px 15px; border: solid 3px #26004d; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.teal-button:hover{background-color: #00D2A9;}
.teal-button:active {
  background-color: #00D2A9;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

ul li, ol li {
     line-height:250%;
}