a{
	color: black;
}
a:hover{
	color: royalblue;
}

td{
	text-align: left;
	margin: auto;
	padding: 5px;
	border-radius: 12px;
	background-color: #99CCFF;	

}
body{
	background-color: #99CCFF;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 20px;

}
.post{
	border: 2px solid black;
	padding: 10px;
	background-color: #99CCFF;
	border-style: outset;
	margin: 5px;
}
.slideshow-container{
	border: 2px black;

}
th{
	margin: auto;
	padding: 5px;
	text-align: left;
	background-color: #99CCFF;
}
table{
	border: 2px solid black;
	padding: 5px;
	border-style: outset;
	background-color: #99CCFF;
	margin: 5px;
}
body {margin:0;}

.navbar {
  overflow: hidden;
  background-color: #2980b9;
  position: fixed;
  top: 0px;
  width: 100%;
}


.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background: #ddd;
  color: black;
}

.main {
  padding: 16px;
  margin-top: 30px;
  height: 1500px;
}
.head{
	background-color: rgb(45, 158, 45);
}
.bottom{
	border: 2px;
	border-top-color:  rgb(184, 181, 181);
	border-width: 1000in; 
	bottom: 30px
}
section{
	padding: 10px;
}
.search {
	padding:8px 15px;
	background:rgba(50, 50, 50, 0.2);
	border:0px solid #dbdbdb;
}
.button {
	position:relative;
	padding:6px 15px;
	left:-8px;
	border:2px solid darkblue;
	background-color:darkblue;
	color:#fafafa;
}
.button:hover  {
	background-color:#fafafa;
	color:#207cca;
}
.float{
	float: right;
	margin-top: 10px;
}