body{
margin:0.5em 0.5em 5em 0.5em;
background: #DCDCDC ;
}
header h1{
color: blue;
font-size: 2em;
text-align: center;
}
header{
background-color: rgba(153,204,255,0.5);
padding: 0.5em ;
border-radius: 25px;
}
nav a{
	border-radius: 25px;
float: left;
text-decoration: none;
width: calc(100% - 2.6em);
text-align: center;
font-size: 1.5em;
color: black;
background-color: #DCDCDC;
padding: 1em;
margin: 5px;
font:  'Century Gothic', 'Apple Gothic', sans-serif;
}
nav{
width:30%;
margin:1em;
float:right;
}
.uz{
width: 30%;
}
footer{
position: fixed;
bottom: 0;
clear: both;
width: calc(100% - 2em);
text-align: center;
background: rgb(153,255,0);
margin: 0.5em;
margin-bottom: 0;
}

section{
	width:65%;
padding: 2em 5% 2em 5%;
background: #DCDCDC;

}
#platno {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index:-1; }
form{
float: left;
}
figure{
float: left;
}
figcaption{
font-size: 1.2em;
color: red;
}
figcaption a{
font-size: 0.8em;
text-decoration: none;
}   
#f1{
background: #00FF00;
}
#f2{
background: #FFD700;
}
#f3{
background: #1E90FF;
}
#f4{
background: tomato;
}
#f5{
background: gold;
}
#f6{
background: lime;
}
#f1:hover{
background: silver;
}
#f2:hover{
background: silver;
}
#f3:hover{
background: silver;
}
#f4:hover{
background: silver;
}
#f5:hover{
background: silver;
}
#f6:hover{
background: silver;
}