/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Personal Webpage
   
   
   Style rules only that matter to content of the table

   
   Filename: tabledefault.css

*/
@charset "utf-8";

* {
  box-sizing: border-box;
}

#myInput {
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 26px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myTable {
  color: gold;
  font: 15px'Courier New', Courier, monospace;
  background: url(yugioh_back_background.webp);
  opacity: .9;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid black;
  border-radius: 20px;

}

#myTable th, #myTable td {
  width: 1200px;
  background:black;
  text-align: left;
  padding: 6px 12px;
}

#myTable tr {
  border-bottom: 1px solid gold;
}
#myTable tr.header, #myTable tr:hover {
  background-color: #f1f1f1;
}

thead {
	font-size: 25px;
	border-bottom: 3px solid gold;	
	position: sticky;
	top: 0; 
}
tbody {
	overflow-y: scroll;
}

td {
	max-width: 210px;
}

table {
	display: block;
	grid-area: table;
	border-radius: 20px;
	height: 40em;
	box-shadow: purple 10px 10px 10px;
	overflow-x: hidden;
	}