/*
 version 20240216
*/

body{
	background-color: #505050;
	font-family: "Arial";
	font-size: 32px;
}

tr{
	transition: 0.5s;

}

tr:hover{
	background-color: yellow;
	color: blue;
	transition: 1s;
}

td{
	padding-left: 0;
	border-radius: 8px;
	width: 50%;
  text-align: center;
}


.hero1{
	width: 80%;
	border-radius: 8px;
	box-shadow: 7px 7px 7px black;
	margin: 10px;;
}



img:before {
	/*
  width: 90px;
  background: white url(myimage.gif) no-repeat;
    */
    display: none;

}


table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  /*
  border: 1px solid #ddd;
  */
  border: none;
  background-color: lightgray;
}

a{
	text-decoration: none;
	color: white;
}



.type_0:hover,
.type_1:hover, 
.type_2:hover, 
.type_3:hover, 
.type_4:hover, 
.type_5:hover, 
.type_6:hover, 
.type_7:hover
{
	background-color: white;

}

.type_0{
	background-color: red;
	color: white;

}

.type_1{
	background-color: orange;
	color: blue;

}

.type_2{
	background-color: yellow;
	color: blue;

}

.type_3{
	background-color: green;
	color: white;

}

.type_4{
	background-color: blue;
	color: yellow;

}

.type_5{
	background-color: indigo;
	color: white;

}

.type_6{
	background-color: violet;

}

.type_7{
	background-color: beige;

}