body{
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    background-color: rgb(136, 0, 181);
}

.ufo{
    width: 120px;
    height: 225px;
    border-radius: 60px;
    background-color: lightblue;
    position: relative;
    z-index: -2;
    top: 250px;
    animation: ufo 5s infinite;
}

.ufo2{
    width: 120px;
    height: 20px;
    background-color: yellow;
    position: relative;
    top: 150px;
}


.ufo3{
    height: 100px;
    width: 120px;
    background-color: orange;
    border-radius: 45%;
    clip-path: inset(40% 0 0 0);
    position: relative;
    top: -25px;
}

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

}
#poot{
    width: 50px;
    height: 50px;
    background-color: transparent;
    border-radius: 50px;
    border-width: 5px;
    border-color: orange;
    border-style: solid;
    position: relative;
    top: -12px;
    left: 13px;
    clip-path: inset(0 0 50% 0)
    
}

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

}
.alien{
    width: 80px;
    height: 175px;
    border-radius: 40px;    
    background-color: rgb(22, 195, 22);
    position: relative;
    z-index: -1;
    top: -215px;
    left:  20px;
}

.alien2{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border-width: 5px;
    background-color: white;
    position: relative;
    top: 20px;
    left: 15px;
}

.mouth{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border-width: 5px;
    background-color: darkgreen;
    clip-path: inset(35% 0 0 0);
    position: relative;
    top: 30px;
    left: 27px;
}

.details{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border-width: 5px;
    border-color: black;
    border-style: solid;
    background-color: transparent;
    clip-path: inset(0 0 50% 0);
    position: relative;
    top: -40px;
    left: 22px;
}

.details2{
    width: 20px;
    height: 15px;
    border-radius: 50px;
    border-width: 5px;
    border-color:  rgb(22, 195, 22);
    border-style: solid;
    background-color: transparent;
    clip-path: inset(0 0 50% 50%);
    position: relative;
    top: -110px;
    left: -13px;
}

.details3{  
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border-width: 5px;
    background-color: rgb(22, 195, 22);
    position: relative;
    top: -140px;
    left: -10px;
}

.details4{
    width: 20px;
    height: 15px;
    border-radius: 50px;
    border-width: 5px;
    border-color:  rgb(22, 195, 22);
    border-style: solid;
    background-color: transparent;
    clip-path: inset(0 50% 50% 0);
    position: relative;
    top: -147px;
    left: 65px;
}

.details5{  
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border-width: 5px;
    background-color: rgb(22, 195, 22);
    position: relative;
    top: -180px;
    left: 70px;
}