h1 {
	text-align: center;
	font-family: 'Times New Roman', serif;
	font-size: 40px;
	color: #000000;
	}

h3 {
	
	font-family: Verdana;
	color: #000000;
	}
	
h2 {
	
	font-family: Verdana;
	color: #ffffff;
	
	}
	
h4	{
	
	font-family: Verdana;
	color: #ffffff;
	
}

button {
	
	font-family: Verdana;
	
}




p {
		font-size: 20px;
		font-family: Arial;
	}
	
blockquote {
		color: white;
		font-size: 20px;
		font-family: Luminari; 
}	

li	{
	font-family: Arial;
	font-size: 18px;
	padding-bottom: 5px;
	padding-top: 5px;

}

details {
	font-family: Arial;
	font-size: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #ffffff;
}

summary {
	font-family: Arial;
	font-size: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #ffffff;
}

tr	{
	color: #ffffff;
}


img {
	display: block;
	margin-left: auto;
	margin-right: auto;	
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-top: 25px;
}

/*


	/*url('https://steamuserimages-a.akamaihd.net/ugc/920302029523785424/E2D9E45E65D7C2E0EC0C050C3BEFDAA2133DD8D2/')*/
	/* old color 88b1f7 */
body {
	background-image: url("Additionalphotos/Smk_title_bg_jp.png");
	background-repeat: repeat-x;
	padding: 20px;
	color: #000000;
	background-color: #F1E9D2

}

		
/* visited link*/
	a:visited {
		color: #887ca5;
	}
	a:link {
		color: #4564fb;
	}	
	
a {

	font-family: Arial;	
	
	}
	
	
table, th, td {
	border: 1px solid black;
	padding: 2px;
	font-size: 20px;
	border-collapse: collapse;
}


.topnav {
	background-color: #716751;
	overflow: hidden;
	overflow-x: hidden;
}

.topnav a {
	float: left;
	color: white;
	text-align: center;
	padding: 12px 70px;
	text-decoration: none;
	font-size: 17px;
	font-family: Times New Roman;
}

.topnav a:hover {
	background-color: red;
	color: white;
	
}

.topnav a:active {
	background-color: #111727;
	color: white;
}

/* The sidebar menu */
.sidenav {
  width: 160px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 100; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  right: 2;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 10px;
  font-size: 5px;
  overflow-y: scroll;
  bottom: 0;
  background-color: #716751;
  
}

/* The navigation menu links */
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  font-family: Arial;
  display: block;
  color: black;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Style page content */
.main {
  margin-left: 150px; /* Same as the width of the sidebar */
  padding-left: 10px;
  position: absolute;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.link {
    display: block;
    width: 250px;
    margin: 0 auto;
}

.link2 {
    display: block;
    width: 500px;
    margin: 0 auto;
}





/* how to spoiler <button title="Click to Show/Hide Content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/Hide</button>
<div id="spoiler" style="display:none">
ADD YOUR HIDDEN CONTENT HERE
</div>

#95c5ff
	
old color #8fb1e8; 
old color white, edited 9/4/19 */