body{ background-color:rgb(93, 34, 138);}
#pagina{
 background-color: white;
	font-size: 20px;
}
#niet{
    position: absolute;
    left: 500px;
    top: 300px;
    animation-duration: 10s;
    animation-name: float;
    animation-iteration-count: infinite;
}
#hoofd{
    width: 275px;
    height: 350px;
    background-color: rgb(2, 193, 2);
    border-radius: 300px 300px 0px 0px;
    position: absolute;
z-index: 500;
}
#oog{
    width: 60px;
    height: 60px;
background-color: white;
position: absolute;
border-radius: 100%;
border: 10px solid black;
left: 0px;
top: 0px;
z-index: 500;
}
#oog1{
    width: 130px;
    height: 130px;
background-color: white;
position: absolute;
border-radius: 100%;
left: 70px;
top: 45px;
z-index: 500;
}
#mond{
    background-color: rgb(1, 92, 1);
    height: 40px;
    width: 50px;
    position: absolute;
    border-radius: 0px 0px 100px 100px;
    top: 230px;
    left: 110px;
z-index: 500;
}
#schip{    width: 330px;
    height: 164px;
    background-color: gold;
    border-top: 50px solid rgb(255, 252, 71);
    border-radius: 0px 0px 300px 300px;
    position: absolute;
    left: -27px;
top: 315px;
z-index: 500;}
#glas{background-color: rgb(234, 234, 248);
    width: 330px;
    height: 450px;
    position: absolute;
    border-radius: 300px 300px 0px 0px;
    top: -90px;
    left: -27px;
    z-index: -50;
}
#trans{
    height: 40px;
    width: 80px;
    overflow: hidden;
    background-color: transparent;
    position: absolute;
    left: 95px;
    top: 69px;
}
#antena1{
    height: 30px;
    width: 30px;
    background-color: rgb(2, 193, 2);
    border-radius: 50%;
    position: absolute;
    z-index: -5;
    left: 15px;
    top: -15px;
}
#antena2{position: absolute;
left: 0px;
top: -29px;
color: rgb(2, 193, 2);
z-index: -5;}
#antena3{position: absolute;
    left: 199px;
    top: -29px;
    color: rgb(2, 193, 2);
    z-index: -5;
}
#antena4{ height: 30px;
    width: 30px;
    background-color:rgb(2, 193, 2);
    border-radius: 50%;
    position: absolute;
    z-index: -5;
    left: 230px;
    top: -15px;}

    #antena5{position: absolute;
        left: 190px;
        top: 465px;
        color: gold;
        z-index: -5;}

        #antena6{position: absolute;
            left: 0px;
            top: 467px;
            color: gold;
            z-index: -5;}

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