body{
	background-color:#a6b9f0;
}
h1{
	color:teal;
}
img {
	max-width: 700px;
	max-height: 400px;
	width: auto;
	height: auto;
}
.imgog {
	max-width: 400px;
	max-height: 250px;
}
a:link {
	color: blue;
	font-size: 18px;
}

table, th, td {
	/*border-width:2px;
	border-style:solid;*/
	width: 100%;
	/*border-color: black;*/
}
p {
	background-color: #a6b9f0;
	font-size: 18px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.header{
	font-size:18px;
	background-image:url("file:///H:/Cold%20war%20subs%20(PRJ)/img/subhp(2).jpg");
	border-bottom-style:Solid;
	border-width:13px;
	border-color:#60769f;
}
.body{
	font-size:18px;
	font-family:Serif;

}
.footer{
	background-color:grey;
	text-align:right;
	height:20px;
	padding-top:30px;
}
.Titlefooter{
	text-align:right;
	font-size:16px;
	color:blue;
}
.west{
	color:#1c0889;
}
.east{
	color:#8f2e34;
}
.upper{
	border-width:1px;
	border-style:solid;
	background-color:#1c0889;
}
.lower{
	border-width:1px;
	border-style:solid;
	background-color:#8f2e34;
}
.right {
	float: right;
	padding: 10px 20px; /* reduce right padding */
	width: auto; /* shrink width so it doesn’t hog space */
}
.left{
	float: left; padding: 10px 20px 20px 10px;
	width:46%;
}
#fttxt{
	background:#61605f;
	width:50%;
	color:#a87772;
}
#ftlin{
	background:#aba7a9;
	height:20px;
	width:30px; 
}
#ftlid{
	background:#aba7a9;
	height:20px;
	width:30px; 
	font-size:20px;
}
#footer{
	font-size:12px;
}
#navbackg{
	background-color:#698d96;
	width:43%;
}
#typhoon{
	padding-top:150px;
}
#bst{
	width:20px;
	height:20px;
	background-image:url("img\bst2.jpg");
}
#back-btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-family: inherit; /* use same font as rest of page */
	font-weight: bold;
	font-size: calc(0.5 * 2em); /* half of roughly 2em size of #fttxt */
	color: blue; /* inherit text color */
	cursor: crosshair;
	z-index: 9999;
	text-decoration: underline; /* optional: make it look clickable */
}

	#back-btn:hover {
		text-decoration: none;
	}
.right-text {
	text-align: left; /* or center */
	float: none; /* cancel the float */
	padding: 10px 0; /* optional spacing */
	width: auto; /* auto width */
	display: inline-block; /* shrink to fit content */
}
.link-row {
	display: flex;
	align-items: baseline; /* nice vertical alignment */
	gap: 150px; /* space between Steam + Discord */
	margin: 10px 0 0 12px; /* optional left indent */
}

.discord-text {
	margin: 0;
}
/* Sticky Navbar */
.navbars {
  overflow: hidden;
}

/* Navbar links */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}