body{
	font-family:georgian, serif;
	background-color: #fff5cc;
}

div.navigation{
	color:black; 
	text-align:center-left; 
	position:static;
	width:100%;
	height:11%;
	margin:0;
	padding:0;
	top:0;
	font-size:250%;
	vertical-align:middle;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

input.text{
	border-radius:5px;
	border-style:hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width:50%;
}
input.text2{
	border-radius:5px;
	border-style:hidden;
	background-color: #DEDEDE;
	width:50%;
}

input.button{
  border: 0;
  text-align: center;
  padding:5px;
  color:#fff;
  border-radius: 10px;
  background-color: #95E26C;
  margin-left: auto;
  margin-right: auto;
  width:30%;
}

input.button:hover{
	border-radius:5px;
	border-style:hidden;
	background-color: #91BB7C;
	width:30%;
}

input.button2{
  border: 0;
  text-align: center;
  padding:5px;
  color:#fff;
  border-radius: 10px;
  background-color: #95E26C;
  margin-left: auto;
  margin-right: auto;
  width:15%;
}

input.button2:hover{
	border-radius:5px;
	border-style:hidden;
	background-color: #91BB7C;
	width:15%;
}

input.button3{
	background-color:white;
	width:107px; height:50px; font-weight: bold; background-color:white;
}

input.button3:hover{
	background-color:gray;
}
	
img.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:13%;
}

.column-4{
  border-radius: 25px;
  float: left;
  width: 21%;
  padding-left: auto; padding-right:auto;
  margin:20px;
  height: 250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.column-4:hover{
	background-color: #DEDEDE
}

.project-2 {
  background-color:white;
}

.content{
	background-color:white;
	margin:30px;
	padding:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.content2{
	background-color:white;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-radius: 25px;
	padding:30px;
	width:50%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.textcenter{
	text-align:center;
	text-shadow: 2px 2px 20px black;
}

ul {
	background-color:#ffebe6; 
	list-style-type: none;
	height:85%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

a{
	underline:none;
	text-decoration:none;
}

li {
  display: inline;
}

li a:hover{
	color: black;
}

#active{
	color: #ff5c33;
}

iframe{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}