html {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: black;
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
}
.content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.title {
    font-weight: 30px;
}
.links {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.links a {
    text-decoration: none;
    color: inherit;
    padding: 10px;
    width: 100%;
    text-align: center;
}
.links a:hover {
    color: white;
    background: orangered;
}

.head-container {
    background: white;
    height: 290px;
    width: 250px;
    border-radius: 180px 40px/70px 340px;
    position: relative;
    box-shadow: 2px 2px 13px black;
}
/* .head-container-1 {
    background: #FCD9D9;
    height: 280px;
    width: 220px;
    border-radius: 180px 40px/70px 340px;
    box-shadow: 2px 2px 13px #AC8C8C;
    position: absolute;
    left: 5px;
    top: 6px;
}
.head-container-2 {
    background: #f1b0b0;
    height: 269px;
    width: 180px;
    border-radius: 180px 40px/70px 340px;
    box-shadow: 2px 2px 13px #684E4E;
    position: absolute;
    left: 5px;
    top: 6px;
} */
.head {
    width: 150px;
    height: 210px;
    background: #f3db95;
    box-shadow: 2px 2px 13px #7A6D47, 
                inset -7px 15px 0px black, 
                inset -13px -80px 0 black;
    position: absolute;
    top: 56px;
    left: 6px;
    border-radius: 180px 40px/70px 340px;
}
.eyes-container {
    display: flex;
    justify-content: space-between;
    width: 70px;
    margin-top: 70px;
    margin-left: 35px;
}
.eye {
    background: white;
    background: transparent;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.eye.left > .pupil,
.eye.right > .pupil {
    background: brown;
    width: 20px; 
    height: 20px; 
    border-radius: 10px 10px 30px 30px;
    margin-top: 20px;
}
.mouth {
    border-radius: 40px 70px;
    width: 60px;
    height: 20px;
    background: #f3db95;
    position: absolute;
    bottom: 30px;
    left: 20px;
}