body {
	background-image: linear-gradient( 90deg, rgba(204, 204, 204, 0.9), rgba(0, 0, 0, 0.7) ), url(../images/tree.png);
	background-color: #cccccc;
}

h1 {
	margin: 0px 0px 0px 13px;
	padding: 10px 0 0 0;
	
}

h3 {
	margin: 0;
}

.star {
	width: 100px;
	height: 100px;
}

.header {
	border: solid black 1px;
	background-color: #7614e6;
	padding: 0px;
	
}

table {
	margin: -2.0px 0 0 -2.10px;
	padding: -20px 0 0 0;
}

td {
	background-color:#bdbdbd;
	padding: 0 30px 0 30px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 1px;
}

hr {
	border: solid black 1px;
}

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

  a:visited {
	color: black;
  }

  a:hover {
	color: black;
  }

  a:active {
	color: black;
  }

  img {
	float: right;
	width: 300px;
	height: 300px;
  }

  .gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;	
	gap: 30px;
  }

  figure {
	background:linear-gradient(90deg, #808080, #cccccc);
	padding: 0 10px 10px 10px;
  }
  figcaption {
	text-align: center;
  }

  .selection {
	background-color: #9c9c9cf5;
  }

  .end {
	width: 50%;
	text-align: center;
  }
  
  audio {
	background-color: #f1f3f4;
	margin: 0;
  }

  fieldset {
	opacity: 80%;
	width: 50%;
	padding: 10px;
	margin: 0;
	border: solid black 2px;
	background-color: #cccccc;
}