body {
    background-color: rgb(78, 35, 146);
}
.container {
    background-color: rgb(197, 227, 252);
    width: 150px;
    height: 350px;
    margin: 0 auto;
    position: relative;
    top: 150px;
    border-radius: 999px;
    animation: A 5s infinite;
}
@keyframes A {
25% { top: 30px; }
50% { top: 60px; }
75% { top: 30px; }
100% { top: 100px; }
}
#overflow {
    overflow: hidden;
    height: 150px;
    width: 150px;

    position: relative;
    top: 230px;
    margin: 0 auto;

}
.ufo {
    background-color: rgb(254, 172, 20);
    width: 150px;
    height: 400px;
    position: relative;
    margin: 0 auto;
    top: -250px;
    border-radius: 9999px;
}
#streep {
    background-color: rgb(233, 180, 82);
    width: 150px;
    height: 30px;
    position: relative;
    top: -132px;
    left: 0px;
    margin: 0 auto;
}
#overflow2 {
    overflow: hidden;

    height: 160px;
    width: 150px;
    margin: 0 auto;
    position: relative;
    top: -80px;
}
#alien {
    height: 200px;
    width:  100px;
    margin: 0 auto;
    background-color: rgb(86, 185, 86);
    border-radius: 999999px;
    position: relative;
    top: 0px;
}
#antenne1 {
    height: 40px;
    width: 40px;
    border: rgb(86, 185, 86) thick solid;
    display: inline-block;
    clip-path: inset(0% 0% 50% 50%);
    border-radius: 50%;

    position: relative;
    top: -333px;
    left: 0px;
}
#antenne2 {
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    top: -335px;
    left: 45px;
    height: 40px;
    width: 40px;
    z-index: 0;
    border: rgb(86, 185, 86) thick solid;
    display: inline-block;
    clip-path: inset(0% 50% 50% 0%);
}
#oor1 {
    height: 20px;
    width: 20px;
    background-color: rgb(86, 185, 86);
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    top: -400px;
    left: 50px;
}
#oor2 {
    height: 20px;
    width: 20px;
    background-color: rgb(86, 185, 86);
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    top: -420px;
    left: -50px;
}
#overflow3 {
    overflow: hidden;

    height: 50px;
    width: 50px;    
    position: relative;
    margin: 0 auto;
    top: -135px;

}
.mouth {
    height: 40px;
    width: 40px;
    background-color: rgb(59, 118, 59);
    border-radius: 999999px;
    position: relative;
    margin: 0 auto;
    top: -25px;
}
#oog {
    height: 75px;
    width: 75px;
    background-color: white;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    top: -400px;
}
#pupil {
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    top: -470px;
    left: 50px;
    height: 40px;
    width: 40px;
    border: rgb(0, 0, 0) thick solid;
    display: inline-block;
    clip-path: inset(0% 1% 50% 0%);
}
#onderkant1 {
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    top: -270px;
    left: 20px;
    height: 90px;
    width: 100px;
    border: rgb(254, 172, 20) thick solid;
    display: inline-block;
    clip-path: inset(0% 1% 50% 0%);
}