html{
  font-family: "Times New Roman", Times, serif;
}
.title{
  font-family: "Helvetica", sans-serif;
}
body{
  width: 100%;
  overflow-x: hidden;
}
ul{
  text-align: left;
}
.pepsidog{
  width: 10%;
}
.btn{
	display:flex;
	justify-content: space-between;
	flex-direction: column;
	width: 60px;
}
.btn a{
	text-decoration:none;
	padding: 5px;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: 2px solid #cccccc;
	border-bottom-color: black;
	border-right-color: black;
	border-top-color: whitesmoke;
	border-left-color: whitesmoke;
	color: black;
}
.headerbtn a{
	padding: 2px;
	line-height: 10px;
}
.btn a:hover {
	border-bottom-color: whitesmoke;
	border-right-color: whitesmoke;
	border-top-color: black;
	border-left-color: black;
}
.headerbtn a:hover{
	border-bottom-color: whitesmoke;
	border-right-color: whitesmoke;
	border-top-color: black;
	border-left-color: black;
	background-color: blue;
	color: yellow;
}
.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
}
 
.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
}
 
.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #3972b2;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
}

.lastward{
	margin-top: 40px;
	margin-bottom: 50px;
}
footer{
  width: 100%;
}
.copy{
  text-align: center;
}