.form_container > form {

    padding-bottom: 1vw;

}

.form_container select, .form_container input {

    text-align: center;

    text-align-last: center;

    outline: none;

    border-radius: 1em;

    font-size: 0.7em;

}

.form_container textarea {

    height: 8em;

    font-size: 0.7em;

    padding: 1em;

    box-sizing: border-box;

}

.form_container input[type="submit"] {

    border: none;

    background-color: #1e272e;

    color: #27ae60;

    font-weight: bold;

    padding: 0.2em 1em;

    border-radius: 1em;

    box-shadow: 0.1em 0.1em 0.1em #27ae60;

    cursor: pointer;

    font-size: 1em;

}

.form_container input[type="submit"]:hover {

    color: #48dbfb;

    box-shadow: 0.1em 0.1em 0.1em #0abde3;

}

.form_container select:focus, .form_container input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus {

    box-shadow: 0.15em 0.15em 0.15em black;

}

.form_container label {

    font-weight: bold;

}

.form_container .text_danger {

    display: block;

    color: red;

}

.form_container .input-validation-error {

    border-color: red;

}

.text_danger_general {

    text-align:center;

    color: red;

    margin: 1vw 0 1vw 0;

    font-weight: bold;

}







@media screen and (min-aspect-ratio: 6/5) {

    .form_container {

        display: inline-block;

    }

    .form_container > form > div {

        margin: 1vw 2vw 1vw 2vw;

    }

    .form_container select, .form_container input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {

        width: 25vw;

    }

    .form_container textarea{

        width: 60vw;

    }

}



@media screen and (max-aspect-ratio: 6/5) {

    .form_container {

        display: block;

    }

    .form_container > form > div {

        padding: 2.5vw 5vw 2.5vw 5vw;

    }

    .form_container select,.form_container textarea, .form_container input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {

        width: 100%;

    }

}