body{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: auto;
   background-color: darkblue;
   
    
}

.container{
    display: flex;
    width: 700px; height: 700px;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: auto;
   overflow: hidden;
   animation-name: float;
   animation-iteration-count: infinite;
   animation-timing-function: ease-in-out;
   animation-duration: 10s;
   
}
@keyframes float{
    0%{transform: translateY(0);}
    25%{transform: translateY(-100px);}
    50%{transform: translateY(100px);}
    100%{transform: translateY(0);}
}

.ufo{
    width: 185px; height: 465px;
    border-radius: 100px;
    position: absolute;
    background-image: linear-gradient(to bottom,lightblue 60%, yellow 33% 70%, orange 66%);
   
  
}

.ufo2{
    width: 125px; height: 125px;
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-color: orange;
    border-width: 10px;
    clip-path: inset(0 0 50% 0);
    position: absolute; 
    top: 550px;

}


.alien{
    width: 135px; height: 300px;
    background-color:green ;
    border-radius: 100px;
    clip-path: inset(0 0 25% 0);
    position: absolute;
    margin-top: -55px;
}
.mouth{
    width: 40px; height:45px ;
    background-color: darkgreen;
    border-radius: 100px;
    margin: auto;
    clip-path: inset(50% 0 0 0);

}
.eye{
    width:100px; height: 100px;
    background-color: lightblue;
    border-radius: 100px;
    margin: auto;
    position: absolute;
    margin-top: -190px;
    
}

.pupil{
    width:60px; height: 60px;
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-color: black;
    border-width: 7px;
    clip-path: inset(0 0 60% 0);
    position: absolute; 
    margin-top: -160px;
}

.oorL{
    width:40px; height: 40px;
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-color: green;
    border-width: 7px;
    clip-path: inset(0 0 60% 35%);
    position: absolute; 
    margin-top: -320px;
    margin-left: -110px;
}

.oorR{
    width:40px; height: 40px;
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-color: green;
    border-width: 7px;
    clip-path: inset(0 35% 60% 0);
    position: absolute; 
    margin-top: -320px;
    margin-left: 110px;
}
.oorL2{
    width:20px; height: 20px;
    background-color: green;
    border-radius: 50%;
    position: absolute; 
    margin-top: -360px;
    margin-left: -120px;
}

.oorR2{
    width:20px; height: 20px;
    background-color: green;
    border-radius: 50%;
    position: absolute; 
    margin-top: -360px;
    margin-left: 120px;
}