html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

#head {
	text-align: center;
	padding-bottom: 20px;
}

.body {
	width: 500px;
	border: 2px solid #000;
	border-radius: 20px;
	background-color: 777775;
	float: right;
}

#foot {
	text-align: center;
	font-family: "Times New Roman", 8pt, serif;
}

#sidebar {
	float: left;
	padding-bottom: 500px;
}


#slide {
	position: absolute;
    left: -142px;
    width: 180px;
    height: 60px;
    transition: 1s;
}

.wrapper:hover #slide {
    transition: 1s;
    left: 0;
}