body {
  font-family: 'PT Sans', sans-serif;
  font-size: 28px;
  background: #eee9df;
  color: #333;

}

.hello {
	padding: 5px;
	text-align: center;
	font-family: 'Marck Script', cursive;
	font-size: 40px;
}

.menu {
	background-color: white;
	width: 80%;
	margin: auto;
	border: 1px solid black;
}
 
li {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: white;
	border: 1px solid brown;
	border-radius:5px;
}
a {
	color: black;
}
a:hover {
	background-color: brown;
	color: white;
} 

main {
	border: 1px solid black;
	background:white;
	width:80%;
	margin:auto;
	text-align:center;
}

h {
	font-size: 2em;
}

.welcome {
	margin: auto;
	font-size:0.8em;
}

.otkr_img {
	border: 1px solid brown;
	border-radius: 5px;
	width:200px;
	height:300px;
}

.transform {
  -webkit-transition: all 2s ease;  
  -moz-transition: all 2s ease;  
  -o-transition: all 2s ease;  
  -ms-transition: all 2s ease;  
  transition: all 2s ease;
}

.transform-active {
  z-index:44;
  position:absolute;
  margin:auto;
  height: 200px;
  width: 200px;
}

footer {
	width:80%;
	margin: auto;
	text-align: center;
	padding:10px;
	margin-top:10px;
	margin-bottom: 0;
	background-color:#FFFFFF;
	font-size:0.4em;
}