html{
	
	background-color:hsl(0,0%,90%);
	font-family: sans-serif;
	text-align: justify;
}
body{
	width:1200px;
	margin: 0 auto;
	background-color: hsl(0,0%,70%);
}
h1{
	border:4px solid hsl(330,100%, 50%);
	width:800px;
	margin: 0 auto;
	padding: 10px;
	text-align:center;
	text-shadow: 2px 2px 2px rgb(255, 255, 255);
	border-radius: 50%;
}
h2{
	border:4px solid hsl(0,0%, 90%);
	padding: 5px;
	padding-left: 50px;
	box-shadow: 4px 4px 4px rgb(0,0,0);
}




#ramka{
	border: 8px double hsl(330,100%, 50%);
	background-color: hsl(120,9%, 90%);
	width:800px;
	margin: 20px auto;
	padding: 20px;
	position: relative;
	padding-top: 40px;
	height: 200px;		
	background-image: url(pies.png);
	background-position: top;
	background-repeat: repeat-x;
}

p{
	
	text-indent: 50px;
}
img.pho{
	
	border:3px dotted hsl(330,100%, 50%);;
}
img#photo1{
	
	position: absolute;
	bottom: -15px;
	right: 250px;
	opacity: 0.6;
}
img#photo2{

	
	position: absolute;
	bottom: 15px;
	right: 100px;
}
img#photo3{
	
	position: absolute;
	bottom: -30px;
	right: 30px;
	z-index:5;
}
img#photo4{
	bottom: 30px;
	right: -100px;
	position: absolute;
}

a{
	text-decoration: none;
	font-size: 22px;
	
}

#wys{
	border: 2px solid hsl(330, 100%, 50%);
	background-color: hsla(330, 100%, 90%, 0.5);
	width:200px;
	padding:10px;
	text-align: right;
	position:fixed;
	border-radius: 0 50px 50px 0;
	top: 200px;
	left: -185px;
	transition:1s;
	
}
#wys:hover{
transition:1s;
	left: 0px;
}