body {
    margin: 0;
    text-align: center;
    font-family: Arial, sans-serif;
    background-color: #0b2638;
    color: white;
}

h1 {
    margin-top: 30px;
}

p {
    margin-bottom: 30px;
}

.portrait {
    position: relative;
    width: 600px;
    height: 700px;
    margin: 0 auto;
}

.portrait img {
    position: absolute;
}

/* Background face */

#face {
    width: 600px;
    left: 0;
    top: 0;
}

/* Eyes */

#eyes {
    width: 330px;
    left: 135px;
    top: 225px;
}

/* Pupils */

.pupil {
    width: 50px;
}

.left-pupil {
    left: 190px;
    top: 270px;
}

.right-pupil {
    left: 370px;
    top: 270px;
}

#eyebrows {
    width: 340px;
    height: 60px;
    left: 130px;
    top: 195px;
}

/* Nose */

#nose {
    width: 80px;
    left: 260px;
    top: 275px;
}

/* Mouth */

#mouth {
    width: 130px;
    left: 240px;
    top: 455px;
}

.pupil:hover {
    transform: scale(1.15);
}

.pupil {
    transition: transform 0.4s;
}