style.css

body {
	background-color: skyblue;
}
h1 {

	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.robot {
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
}
.head,
.left-arm,
.chest,
.right-arm,
.left-leg,
.right-leg {
	background-color: #422614;
}

.head { 
	width: 250px; 
	margin: 100px auto; 
	height: 150px; 
	border-radius: 200px 200px 0 0; 
	margin-bottom: 10px;
}

.head:hover {
	width: 315px;
	transition: 1s ease;
}

.eyes {
	display: flex;
}
.left-eyes, .right-eyes {
	width: 20px;
	height: 20px;
	background-color: white;
	border-radius: 10px;
}
.left-eyes {
	position: relative;
	top: 100px;
	left: 70px;
}
.right-eyes {
	position: relative;
	top: 100px;
	left: 130px;
}

.upperbodypart {
	width: 350px;
	height: 200px;
	display: flex;
}
.left-arm {
	width: 50px; 
	height: 135px;
	border-radius: 100px;
	margin-right: 10px;
}
.chest {
	width: 300px; 
	height: 250px;
	border-radius: 0 0 50px 50px; 
}
.right-arm {
	width: 50px; 
	height: 135px;
	border-radius: 100px;
	margin-left: 10px;
}

.lowerbodypart { 
	width: 200px; 
	height: 200px;
	margin: 0px auto;
	display: flex;
}
.left-leg {
	width: 50px;
	height: 135px;
	border-radius: 0 0 100px 100px;
	margin-top: 60px;
	margin-left: 35px;
}
.right-leg {
	width: 50px;
	height: 135px;
	border-radius: 0 0 100px 100px;
	margin-left: 35px;
	margin-top: 60px;
}

.left-leg:hover {
	transform: rotate(20deg);