html {
height: 100%;
width: 100%;
}
 
img {
width: 50px;
}
 
#face {
width: 400px;
}

 #eyes2 {
position: absolute;
left: 145px;
top: 200px;
width: 120px;
}

 #crown {
position: absolute;
left: 60px;
top: 30px;
width: 300px;
}

 #mouth1 {
position: absolute;
left: 100px;
top: 295px;
width: 200px;
}
 #hair3 {
position: absolute;
left: 50px;
top: 300px;
width: 300px;
transform: rotate(180deg);
}
 #nose2 {
position: absolute;
left: 150px;
top: 230px;
width: 100px;
}
 #ears2 {
position: absolute;
left: -20px;
top: 155px;
width: 450px;
}
 #sunglasses {
position: absolute;
left: 110px;
top: 200px;
width: 200px;
}