body, button{
    color: white
}
body{
    background-image: repeating-linear-gradient(rgb(13, 8, 31), rgb(13, 13, 24), rgb(13, 8, 31));
}
::-webkit-scrollbar-track {
    background: rgb(61, 61, 61);
}
::-webkit-scrollbar-thumb{
    background: rgb(90, 90, 90);
}
::-webkit-scrollbar-thumb:hover{
    background: rgb(146, 146, 146);
}
.tip .tiptext {
    background-color: rgba(14, 16, 24, 0.95);
    border: 2px solid rgba(255, 255, 255, 0.33);
}
#slider{
    background-color: grey;
}
#info.opened{
	background-color: rgba(0, 0, 10, 0.95);
}
.infoButton {
	border-top: 0.2em solid grey;
}
.infoButton:hover {
	background-color: rgba(75, 75, 75, 0.5);
}
.infoButton:hover {
	background-color: rgba(75, 75, 75, 0.5);
}
.infoExtreme button{
	border: 0.1em solid rgb(119, 119, 119);
	background-image: linear-gradient(rgb(107, 14, 14), rgb(66, 8, 8));
}
.infoExtreme button:hover{
	background-image: linear-gradient(rgb(184, 51, 51), rgb(139, 13, 13));
}
.infoExtreme button:active{
	background-image: linear-gradient(rgb(121, 7, 7), rgb(189, 15, 15));
}
.footer{
    border-top: 2px solid rgba(255, 255, 255, 0.116);
    background-image: linear-gradient(rgb(32, 12, 54),rgb(21, 9, 51));
}
#rollturnbut{
	background-image: linear-gradient(rgb(73, 73, 73), rgb(22, 22, 22));
	color: #ffffff;
}
#rollturnbut:hover{
	background-image: linear-gradient(rgb(109, 109, 109), rgb(73, 73, 73));
}
.collapsebutton button{
	background-color: rgb(60, 60, 60);
	color: #cecece;
}
.collapsebutton button:hover{
	background-color: rgb(60, 60, 60);
}
#collapseAll, #openAll{
	border-bottom: 2px solid rgb(90, 90, 90);
}
.intro{
	border: 0.05em solid rgba(182, 182, 182, 0.534);
	background-color: rgba(34, 34, 34, 0.534);
}
.headButton {
	border: 0.05em solid rgba(107, 107, 107, 0.534);
}
.tablebutton button{
	border: 0.1em solid rgba(165, 165, 165, 0.534);
	background-image: linear-gradient(rgb(51, 51, 51), rgb(22, 22, 22));
}
.tablebutton button:hover{
	background-image: linear-gradient(rgb(100, 100, 100), rgb(17, 17, 17));
}
.tablebutton button:active{
	background-image: linear-gradient(rgb(37, 37, 37), rgb(156, 156, 156));
}
table{
    background-color: rgba(100, 100, 100, 0.75);
}
td, th{
	border: 0.05em solid rgba(182, 182, 182, 0.5);
}
tr:nth-child(even){
	background-color: rgba(0, 0, 0, 0.25);
}
tr:hover{
	background-color: rgba(0, 0, 0, 0.5);
}
button.box {
	border: 0.05em solid rgba(107, 107, 107, 0.534);
}
.focus .color{
	background-image: linear-gradient(rgb(45, 82, 151), rgb(26, 59, 116));
}
.focus .headButton:hover{
	background-image: linear-gradient(rgb(32, 64, 124), rgb(19, 46, 94));
}
.type .color{
	background-image: linear-gradient(rgb(146, 45, 45), rgb(138, 28, 28));
}
.type .headButton:hover{
	background-image: linear-gradient(rgb(117, 38, 38), rgb(75, 19, 19));
}
.bodypart .color{
	background-image: linear-gradient(rgb(157, 160, 0), rgb(143, 133, 0));
}
.bodypart .headButton:hover{
	background-image: linear-gradient(rgb(121, 101, 13), rgb(131, 115, 24));
}
.speciesbase .color{
	background-image: linear-gradient(rgb(44, 116, 26), rgb(47, 99, 12));
}
.speciesbase .headButton:hover{
	background-image: linear-gradient(rgb(21, 59, 11), rgb(6, 68, 6));
}
.speciesfantasy .color{
	background-image: linear-gradient(rgb(111, 48, 148),rgb(133, 27, 110));
}
.speciesfantasy .headButton:hover{
	background-image: linear-gradient(rgb(49, 12, 54), rgb(85, 31, 99));
}
.speciesdino .color{
	background-image: linear-gradient(rgb(42, 104, 40), rgb(117, 85, 25));
}
.speciesdino .headButton:hover{
	background-image: linear-gradient(rgb(88, 60, 8), rgb(14, 85, 12));
}
.speciespokemon .color{
	background-image: linear-gradient(rgb(139, 34, 34), rgb(109, 76, 76));
}
.speciespokemon .headButton:hover{
	background-image: linear-gradient(rgb(138, 49, 49), rgb(95, 7, 7));
}
.speciesmonhun .color{
	background-image: linear-gradient(rgb(153, 108, 48), rgb(128, 122, 51));
}
.speciesmonhun .headButton:hover{
	background-image: linear-gradient(rgb(126, 118, 17), rgb(114, 72, 17));
}

.speciesbonus .color{
	background-image: linear-gradient(rgb(190, 87, 130),rgb(165, 94, 168));
}
.speciesbonus .headButton:hover{
	background-image: linear-gradient(rgb(138, 57, 141),rgb(143, 61, 95));
}