html{
	scroll-behavior:smooth
}

body {
	padding: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

td, th {
	border-bottom: 1px solid rgb(107, 114, 128);
	border-right: 1px solid rgb(107, 114, 128);
	font-size: large;
	padding: 10px 10px;
}

tr {
	background-color: rgb(250, 250, 251);
	transition: 0.2s;
}

tr.clickable:hover {
	background-color: rgb(180, 180, 180);	
	cursor: pointer;
}

table {
	border: 3px solid rgb(250, 250, 251);
	width: 500px;
}

#topBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 24px;
	border: none;
	outline: none;
	background-color: rgb(44, 46, 74);
	color: rgb(180, 180, 180);
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	box-shadow: 2px 2px 5px black;
	transition: 0.2s;
}

#topBtn:hover {
	background-color: rgb(34, 36, 64);
	color: rgb(170, 170, 170);
}

#SwinBs {
	scroll-behavior: smooth;
  }