body{
    background-color: #9370db;

}

.ufo{
    margin: 0 auto;
    width: 200px;
    height:100px ;
    position: absolute;
    top: 200px;
    left: 700px; 
    animation: downup 10s ease-in-out infinite;
    transition: transform 0,5s ease-in-out;
}

@keyframes downup{
    0% {transform: translateY(0px);}
    50% {transform: translateY(-150px);}
    100% {transform:  translateY(0px);}

}


.glass{
    width: 200px;
    height: 600px;
    border-radius: 150px;
    background-color: #e0ffff;
    clip-path: inset(0 0 50% 0);
}

.rand1{
    width: 200px;
    height: 30px;
    position: absolute;
    top: 300px;
    background-color: #fbec5d;
}

.rand2{
    width: 200px;
    height: 250px;
    border-radius: 150px;
    background-color: #f5c71a;
    clip-path: inset(50% 0 0 0);
    position: absolute;
    top: 200px;
}


.alien{
    width: 100px;
    height: 400px;
    border-radius: 150px;
    background-color: #adff2f;
    clip-path: inset(0 0 50% 0);
    position: absolute;
    top: 100px;
    left: 50px;
}

.oog{
    width: 75px;
    height: 75px;
    border-radius: 75px;
    background-color: white;
    position: absolute;
    top: 115px;
    left: 63px;
}

.ooglit{
    font-size: 75px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    clip-path: inset(0 0 50% 0);
    top: 105px;
    left: 77px;
    position: absolute;
}

.mond{
    width: 35px;
    height: 35px;
    border-radius: 35px;
    position: absolute;
    clip-path: inset(50% 0 0 0);
    background-color: #679267;
    top: 220px;
    left: 83px;
}

.sprietL{
    color: #adff2f;
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    clip-path: inset(0 0 50% 50%);
    top: 55px;
    left: 35px;
    position: absolute;
}

.sprietR{
    color: #adff2f;
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    clip-path: inset(0 50% 50% 0);
    top: 55px;
    left: 110px;
    position: absolute;
}

.bolL{
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background-color: #adff2f;
    top: 85px;
    left: 45px;
    position: absolute;
}

.bolR{
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background-color: #adff2f;
    top: 85px;
    left: 130px;
    position: absolute;
}

.pootL{
    color: #f5c71a;
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    clip-path: inset(0 0 50% 50%);
    top: 410px;
    left: 90px;
    position: absolute;
}

.pootR{
    color: #f5c71a;
    font-size: 90px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    clip-path: inset(0 50% 50% 0);
    top: 410px;
    left: 45px;
    position: absolute;
}