@import url("base.css");

.hero {
	text-align:center;
	padding:5px;
	background:linear-gradient(to right,#dff6ff,#bfe9ff);
}

.container {
width:90%;
margin:auto;
padding:15px;
}

.about {
	background:white;
	padding:15px;
	border-radius:10px;
	box-shadow:0 0 10px gray;
}

img {
	max-width:100%;
	border-radius:10px;
}

table, th, td {
	border:1px solid black;
}

tr:hover {
	background-color:#D6EEFF;
}

.desc {
	font-weight:bold;
}
.table {
	background:white;
	padding:30px;
	border-radius:10px;
	box-shadow:0 0 10px gray;
	display:flex;
	justify-content:center;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

caption {
	caption-side: top;
}