body{
    background-color: #0A032B;
    color:white;
    font-family: 'Open Sans', sans-serif;
    overflow: hidden;
    font-size: 1.1vw;
}

/*
zierschrift:
    font-family: 'Caveat', cursive;
*/



h1,h2,h3{
    margin-top: 10vh;
    font-family: 'Comfortaa', cursive, Arial, Helvetica;
}

button{
    border:none;
    border-radius: 2vh;
    height: 5vh;
    background-image: linear-gradient(to right,#FA6120, #FFB739);
}

button:hover{
    border:none;
    opacity: 0.8;
}

input{
    border-radius: 2vh;
    height: 5vh;
}

input:focus{
    outline: 2px solid #5F0F40;
}

#dot{
    border-radius: 50%;
    background-color: #120b32;
    height: 100vh;
    width: 100vh;
    margin-left: 55vw;
    position: absolute;
    top: 20vh;
    z-index: -1;
}

#rocket{
    height: 10vh;
    width: auto;
    position: absolute;
    left: 80vw;
    bottom: 20vh;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#planet{
    height: 10vh;
    width: auto;
    position: absolute;
    left: 15vw;
    top: 30vh;
}

#username{
    width: 38vw;
    position: absolute;
    top:30vh;
    left:31vw;
}

#password{
    width: 38vw;
    position: absolute;
    top:42vh;
    left:31vw; 
}

#anmelden{
    width: 20vw;
    position: absolute;
    top:55vh;
    left:40vw;
}

#neuerbenutzer, #back{
    width: 10vw;
    position:absolute;
    left: 0;
    bottom: 0;
    margin-left: 3vw;
    margin-bottom: 5vh;
}

#back{
    width: 10vw;
    position:absolute;
    left: 0;
    bottom: 0;
    margin-left: 3vw;
    margin-bottom: 5vh;
}

#loeschen{
    width: 15vw;
    position:absolute;
    right: 0;
    bottom: 0;
    margin-right: 3vw;
    margin-bottom: 5vh;
}

#erstellen{
    width: 15vw;
    position:absolute;
    left: 0;
    bottom: 0;
    margin-left: 3vw;
    margin-bottom: 5vh;
}

#bearbeiten{
    width: 15vw;
    position:absolute;
    left: 42.5vw;
    bottom: 0;
    margin-bottom: 5vh;
}

#ausloggen{
    position:absolute;
    left: 3vw;
    top: 3vw;
}