body {
	font-family:Arial,sans-serif;
	max-width:1200px;
	margin:0 auto;
	padding:0
}
	
header {
	background:#0b3d91;
	color:#fff;
	padding:20px
}.layout {
	display:flex
}.sidebar {
	width:260px;
	background:#f4f4f4;
	padding:20px;
	height:100vh;
	position:sticky;
	top:0;
	overflow:auto
}.content {
	 flex:1;
	 padding:30px
}

a {
	text-decoration:none
}.home {
   color: #ccff66;
}

ul {
	padding-left:20px
}.card {
	border:1px solid #ddd;
	padding:15px;
	margin:10px 0;
	border-radius:8px
}

ul.nav li.current {
  border-color: red;
  background: #ffcc99;
}

.serif-p {
  font-family: Georgia, "Times New Roman", Times, serif;
  hyphens: auto;
  overflow-wrap: break-word;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}

.serif-p a {
	color: #666666;
  font-size: 15pt;
}

.center-text {
  text-align: center;
}

.center-block {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

 .copyleft {
   display:inline-block;
   transform: rotate(180deg);
 }