body {
	width: 80%;
	margin: auto;
}

.title {
	font-family: "Salsa", cursive;
	font-size: 50px;
	margin: auto;
	text-align: center;
	margin: 40px 0px;
	white-space: nowrap;
	font-weight: 400;
	font-style: normal;
}

a.title {
	text-decoration: none;
	padding-left: 10px;
	padding-right:10px;
	white-space: nowrap;
}
a.title:link {
  color: DarkGray;
}
a.title:visited {
  color: DarkGray;
}
a.title:hover {
  color: DimGray;
}
a.title:active {
  color: DarkGray;
} 

.headerdiv {
	font-family: "Fira Sans Condensed";
	font-weight: 600;
	font-style: normal;
	font-size:22px;
	margin: auto;
	padding: 16px 0px;
	text-align: center;
	background-color: gainsboro;
	border-top: 4px solid red;
}

.linksdiv {
	font-family: "Salsa", cursive;
	font-size:18px;
	margin: auto;
	padding: 20px 0px;
	text-align: center;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	background-color: LightGoldenRodYellow;
}

.linksdivcols {
	font-family: "Salsa", cursive;
	font-size:18px;
	margin: auto;
	padding: 20px 0px;
	text-align: center;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	background-color: LightGoldenRodYellow;
	columns: 4;
}

a.headerlink {
	text-decoration: none;
	font-variant: small-caps;
	padding-left: 10px;
	padding-right:10px;
	font-size:20px;
	white-space: nowrap;
}
a.headerpiclink {
	text-decoration: none;
	font-variant: small-caps;
	padding-left: 2px;
	padding-right:2px;
	font-size:20px;
	white-space: nowrap;
}
a.headerlink:link {
  color: darkred;
}
a.headerlink:visited {
  color: darkred;
}
a.headerlink:hover {
  color: firebrick;
}
a.headerlink:active {
  color: darkred;
} 

a.flink {
	text-decoration: none;
	font-variant: small-caps;
	padding-left: 10px;
	font-size:20px;
	white-space: nowrap;
}
a.flink:link {
  color: darkred;
}
a.flink:visited {
  color: darkred;
}
a.flink:hover {
  color: firebrick;
}
a.flink:active {
  color: darkred;
} 

.admin {
	margin: auto;
	text-align: right;	
}

.button {
  padding: 7px 15px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: DarkSlateGray;
  background-color: AntiqueWhite;
  border: none;
  border-radius: 10px;
  box-shadow: 0 6px #999;
  margin-top: 3px;
}

.button:hover {background-color: MistyRose}

.button:active {
  background-color: MistyRose;
  box-shadow: 0 3px #666;
  transform: translateY(4px);
}

@media screen and (max-width: 1000px) {
	body {
		width: 100%;
		margin: auto;
		font-family: "Noto Sans Coptic", cursive;
		font-weight: 400;
		font-style: normal;
	}
	.title {
		font-size: 30px;
		margin: auto;
		text-align: center;
		margin: 30px 0px;
		white-space: normal; 
	}
	a.title {
		text-decoration: none;
		padding-left: 10px;
		padding-right:10px;
		white-space: normal;
	}
	.linksdivcols {
		font-size:15px;
		margin: auto;
		padding: 20px 0px;
		text-align: center;
		border-top: 3px solid black;
		border-bottom: 3px solid black;
		background-color: LightGoldenRodYellow;
		columns: 2;
	}
}