* {margin: 0; padding: 0}
	a {text-decoration: none}
	p {margin: 15px 0;}
	
	
	body, button, input[type=text], input[type=password], h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;}
	h1 {color: #000;
	font-size: 20px;
	
	}
	
button {
	background: #34c0e2;
	color: #fff;
	border: 1px solid #34c0e2;
	padding: 8px;
	border-radius: 8px;
}	

button:hover{cursor:pointer;
opacity: 0.8;}
input[type=text], input[type=password] {
padding: 8px;
border: 1px solid #eeeff2;
border-radius: 8px;
width: 300px;
outline: none;
}	
	
	
.wrapper, .content, .menu, body, html 
{height: 100%; width: 100%;}

.wrapper {
	display: flex;
	}
	
.content {
flex: 1;

background: #fcfcfd;
}	


.block{
	padding: 399px;
	margin: 1px;
	background: #fff;
	border: 1px solid #eeeff2;
	background:url(93.jpg) no-repeat;
	width: 100%;
}
.menu {
	width: 200px;
	height: 699px;
	background: #464E78 no-repeat;
	border: 1px solid #eeeff2;
	
}

#footer {
   position:absolute;
   bottom:0;
   
   width:100%;
   height:60px;  
   background:#eeeff2;
       display: block;
    -webkit-margin-before: -1em;
    -webkit-margin-after: -1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.menu a {display: block; color: #fff;
margin: 4px;
padding: 1px;
text-transform: uppercase;
}


