.form {
    text-align: center;
    font-family: Arial;
    display: flex;
    flex-direction: column;
    width: 60vw;
    margin-left: 20vw;
    margin-top: 20vh;
    margin-bottom: calc(100vh - calc(100px + 300px));
    height: 300px;
    color: white;
    background: rgb(70,232,83);
    /*#background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1)20%, rgba(255,5,5,1) 22%, rgba(0,0,0,1) 24%, rgba(0,0,0,1)48%, rgba(255,5,5,1) 50%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 75%, rgba(255,5,5,1) 77%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);*/
    border-radius: 30px;
    box-shadow: 10px 10px 200px 100px rgba(0,0,0,0.75);
}

.formButton {
    width: 20%;
    height: 70px;
    margin: 20px;
}


input.styling {
    width: 30%;
    margin-left: 35%;
    height: 40px;
    margin-bottom: 10px;
}

p.messages {
    font-family: Arial;
    text-align: center;
    width: 30%;
    margin-left: 35%;
    height: 40px;
    margin-bottom: 10px;
    color: white;
}