body {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #282048;
    color: #fff;
}

.character {
    position: relative;
    width: 200px;
    height: 400px;
}

/* Kehaosad */
#jalad {
    position: absolute;
    bottom: 0;
    width: 60%;
    height: 20%;
    background-color: #555;
    left: 20%;
}

#keha {
    position: absolute;
    bottom: 20%;
    width: 60%;
    height: 40%;
    background-color: #b0b0b0;
    left: 20%;
}

#kaed-vasak {
    position: absolute;
    bottom: 20%;
    width: 15%;
    height: 40%;
    background-color: #b0b0b0;
    left: 5%;
}

#kaed-parem {
    position: absolute;
    bottom: 20%;
    width: 15%;
    height: 40%;
    background-color: #b0b0b0;
    right: 5%;
}

#kaelaosa {
    position: absolute;
    bottom: 60%;
    width: 40%;
    height: 5%;
    background-color: #d32f2f;
    left: 30%;
}

#pea {
    position: absolute;
    bottom: 65%;
    width: 50%;
    height: 25%;
    background-color: #f0c27b;
    left: 25%;
}

#mask {
    position: absolute;
    bottom: 75%;
    width: 50%;
    height: 10%;
    background-color: #d32f2f;
    left: 25%;
}

#sall {
    position: absolute;
    bottom: 60%;
    width: 50%;
    height: 10%;
    background-color: #8b0000;
    left: 25%;
}

#juuksed {
    position: absolute;
    bottom: 90%;
    width: 50%;
    height: 15%;
    background-color: #6b4226;
    left: 25%;
}