.form {
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
    margin-top: 5%;
}

.form input , .form-input div input, .form textarea, .form select {
    width: 70%;
    font-style: italic;
    margin: 2em 0px;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 0.5em;
}

.form-input,.form-input div  {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.form-btn {
    border: 3px solid #3949AC;
    border-radius: 15px;
    background-color: none;
    color: #3949AC;
    width: 40%;
    margin: 2em auto;
}

.form-input div {
    width: 100%;
    height: 100%;
}


@media (max-width:565px) {
    .form input , .form-input div input, .form textarea, .form select {
        width: 100%;
        margin: 1em 0px 2em 0px;
    }
    .form-input, .form-input div {
        flex-direction: column;
    }
    .form-btn {
        width: 100%;
    }
}