body{
    background-color: purple;
    margin: 0 auto;
}

#ufo{
    width: 110px;
    height: 225px;
    background-color: rgb(125, 192, 192);
    border-radius: 50px;
    position: relative;
    top: 200px;
    left: 600px;
}

#ufo2{
    width: 110px;
    height: 100px;
    background-color: orange;
    border-radius: 50px;
    position: relative;
    clip-path: inset(40% 0 0 0);
    top: 100px;
    left: 600px;
}

#ufo3{
    width: 110px;
    height: 100px;
    background-color: yellow;
    position: relative;
    
}


#pootjes{
    width: 100px;
    height: 100px;
    background-color: transparent;
    border-radius: 50px;
    border-width: 5px;
    border-color: orange;
    border-style: solid;
    clip-path: inset(0 0 50% 0);
    position: relative;
    top: 40px;
    left: 600px;

}

#ufo4{
    width: 110px;
    height: 20px;
    background-color: yellow;
    position: relative;
    top: -85px;
    left: 600px;
}

#alien{
    width: 85px;
    height: 100px;
    background-color: rgb(6, 180, 6);
    border-radius: 50px;
    position: relative;
    top: -220px;
    left: 613px;
}

#alien2{
    width: 85px;
    height: 60px;
    background-color: rgb(6, 180, 6);
    position: relative;
    top: -265px;
    left: 613px;
}

#oog{
    width: 60px;
    height: 60px;
    background-color: white;
    border-radius: 50px;
    position: relative;
    top: -360px;
    left: 625px;
}

#oogpupil{
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 50px;
    border-width: 5px;
    border-color: black;
    border-style: solid;
    clip-path: inset(0 0 50% 0);
    position: relative;
    top: -410px;
    left: 635px;
}


#mond{
    width: 30px;
    height: 30px;
    background-color: green;
    border-radius: 50px;
    position: relative;
    clip-path: inset(40% 0 0 0);
    top: -400px;
    left: 640px;
}

#tentakel1{
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 50px;
    border-width: 5px;
    border-color: rgb(6, 180, 6);
    border-style: solid;
    clip-path: inset(0 0 50% 50%);
    position: relative;
    top: -520px;
    left: 600px;
}

#tentakel2{
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 50px;
    border-width: 5px;
    border-color: rgb(6, 180, 6);
    border-style: solid;
    clip-path: inset(0 50% 50% 0);
    position: relative;
    top: -560px;
    left: 670px;
}

#bol1{
    width: 15px;
    height: 15px;
    background-color: rgb(6, 180, 6);
    border-radius: 50px;
    position: relative;
    top: -608px;
    left: 610px;
}

#bol2{
    width: 15px;
    height: 15px;
    background-color: rgb(6, 180, 6);
    border-radius: 50px;
    position: relative;
    top: -620px;
    left: 688px;
}


#ALIEN{
    width: 180px;
    height: 100px;
    position: relative;
    animation: ALIEN 5s infinite;
}

@keyframes ALIEN {
    0% {top:   150px;}
    50% {top: 200px;}
    100% {top: 150px;}
}