@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,600&family=Noto+Serif:ital,wdth,wght@0,75,100..900;1,75,100..900&display=swap');

body
{
	overflow-y: scroll;
	outline: 0px;
	margin: 0px;
	padding: 0px 0px 150px 0px;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom right, #001b3f, #000000);
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #ffffff;
	float: left;
	font-family: "Noto Serif", serif;
  	font-weight: 400;
  	font-style: normal;
  	font-variation-settings: "wdth" 75;
	overflow-x: hidden;
}

#topbar
{
	background-image: none;
	background-color: #003984;
	padding: 15px 20px 15px 20px;
	font-family: "Big Shoulders", sans-serif;
  	font-weight: 600;
	font-size: 35px;
	position: sticky;
}
#subbar
{
	background-image: none;
	background-color: white;
	top: 72px;
	left: 0px;
	color: black;
	
	padding: 2px 10px 2px 10px;
	position: absolute;
	font-size: 15px;
}

div
{
	float: left;
	text-align: center;
}

a
{
	color: inherit;
	text-decoration: inherit;
	background-color: black;
	text-shadow: 2px 2px 2px black;
}

a:hover
{
	color: rgb(0, 217, 255);
	background-color: rgb(34, 34, 34);
	text-shadow: none;
}

.category_entry
{
	text-align: center;
	width: 280px;
	height: 300px;
	background-color: inherit;
	margin-left: 50px;
	border-style: solid;
	border-width: 2px;
	border-color: #003984;

	background-position: center;
	background-size: 60%;
	background-blend-mode:normal ;
	background-repeat: no-repeat;
	background-clip:padding-box;
}

.category_entry-title
{
	font-family: "Big Shoulders", sans-serif;
  	font-weight: 600;
	font-size: 45px;
	text-align: inherit;
	width: 100%;
	text-shadow: inherit;
}

.category_entry-desc
{
	text-align: inherit;
	width: 90%;
	margin: 10px 10px 10px 5%;
	font-size: 18px;
}

table
			{
				border-collapse: collapse;
				text-align: center;
				font-size: 20px;
				table-layout: fixed;
				background-color: rgb(0, 0, 0);
				float: left;
			}

			td
			{
				border-color: #003984;
				border-style: solid;
				border-width: 1px;
				padding: 15px;
				width: 150px;
				font-size: 15px;
			}

			th
			{
				border-color: #002d68;
				border-style: solid;
				border-width: 1px;
				padding: 15px;
				font-weight: bold;
				font-family: 'Big Shoulders';
				width: 80px;
				background-color: #003984;
			}