@font-face {
		src: url("mystfont.tff") format("truetype");
	}

body {
background-color: #1C4F50;
color: #b3b3b3;
margin: 0;
font-family: Calibri;
}
.P0 {
		font-family: JSL Ancient;
		text-align: center;
		font-size:  3rem;
	}
	
	#text, .P0 {
		margin: auto;
		width: min(60%, 500px);
		border: 3px solid #153B25;
		padding: 10px;
	}
	.P1{
		text-indent: 25px;
	}

a:link{
	text-decoration:none;
	color:#b5b5b5;
}

a:visited{
	text-decoration:none;
	color:#8c8c8c;
}
	.Cyan{
	display: block;
	margin: auto;
	padding: 5vw;
	min-width: 400px;
	max-width: 40vw;
	height: auto;
	border: 3px;

	}
	.nav {
		font-weight: bold;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
}

 .list {
  float: left;
}

.nav .list a {
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.nav .list a:hover {
  background-color: #111111;
}

 .nav .list a.active  {
  background-color: #153B25;
}