body {
    background: linear-gradient( #d0d3da, #dee1e9);
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100vw;
    text-align: center;
}

.form {
    width: 400px;
    overflow: visible;
    border-style: solid;
    border-radius: 9px;
    background: #e1e9f3;
    box-shadow: 0 0 10px #3b393f;
    border-width: 1px;
}

.form input[type="text"] {
    transition: all 0.4s;
    width: 90%;
    background-color: #e6e7f7;
    border-radius: 7px;
    height: 30px;
}

.form input[type="text"]:hover {
    transition: all 0.4s;
    width: 95%;
    background-color: #e6e7f7;
    border-radius: 7px;
    height: 30px;
}

.form input[type="email"] {
    transition: all 0.4s;
    width: 90%;
    background-color: #e6e7f7;
    border-radius: 7px;
    height: 30px;
}
.form input[type="email"]:hover {
    width: 95%;
    transition: all 0.4s;
    background-color: #e6e7f7;
    border-radius: 7px;
    height: 30px;
}
.form input[type="time"] {
        transition: all 0.3s;
    width: 20%;
    background-color: #e6e7f7;
    border-radius: 7px;
    height: 30px;
}
.form input[type="time"]:hover {
    width: 22%;
    transition: all 0.3s;
    background-color: #e6e7f7;
    border-radius: 7px;
    height: 30px;
}
.form select {
    width: 90%;
    transition: all 0.4s;
    background-color: #e6e7f7;
    border-radius: 7px;
    height: 30px;
}
.form select:hover {
    width: 95%;
    transition: all 0.4s;
    background-color: #e6e7f7;
    border-radius: 7px;
    height: 30px;
}

.form textarea {
background-color: #e6e7f7;
width: 70%;
transition: all 0.4s;
}

.form textarea:hover {
background-color: #e6e7f7;
transition: all 0.4s;
width: 75%;
}

.form input::placeholder {
    padding-left: 5px;
}


#personal-data {
    width: 350px;
    border-style: solid;
    margin: auto;
    padding-top: 10px;;
    padding-bottom: 10px;
    border-radius: 7px ;
    border-width: 0.4px;
}

#anmeldung {
    width: 350px;
    border-style: solid;
    margin: auto;
    padding-top: 10px;;
    padding-bottom: 10px;
    border-radius: 7px ;
    border-width: 0.4px;
}

#extras {
    width: 350px;
    border-style: solid;
    margin: auto;
    padding-top: 10px;;
    padding-bottom: 10px;
    border-radius: 7px ;
    border-width: 0.4px;
}

#ende {
    padding-top: 20px;
}

#ende button {
    margin-top: 15px;
    width: 100px;
    height: 30px;
    margin-bottom: 20px;
    border: none;
    border-radius: 3px;
    background-color: #038dd8;
    transition: all 0.4s;
}
#ende button:hover {
    margin-top: 15px;
    height: 32px;
    width: 105px;
    margin-bottom: 20px;
    background-color: #0094e4;
    border-radius: 3px;
    border: none;
    transition: all 0.4s;
}