.form-bg{
    padding: 50px;
    border-radius: 3px;
    margin: 50px 25% 50px 25%;
    background-color: #eeeeee;
    color: #666;
    transition-property: box-shadow, transform;
    transition-duration: 350ms;
    transition-timing-function: ease;
    @media screen and (max-width: 900px){
        margin: 50px 10px 50px 10px;
    }
}

.form-alert-con{
    top: 0;
    left: 0;
    margin: 0 25% 0 25%;
    @media screen and (max-width: 900px){
        margin: 50px 0 50px 0;
    }
    .alert{
        border-radius: 3px;
        margin-block: 8px;
    }
}

.form-input{
    padding: 10px;
    .button-form{
        background: rgba(0, 0, 0, 0.1);
        border: none;
        padding: 1rem 1rem;
        width: 100%;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;

        i{
            padding-left: 0.5rem;
            font-size: small;
        }
    }

    .button-form:hover{
        background: #bebebe;
        transition: all 100ms ease-in-out;
    }

    input::file-selector-button{
        background: rgba(0, 0, 0, 0.1);
        border: none;
        padding: 0.2rem 0.2rem;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.8rem;

        i{
            padding-left: 0.5rem;
            font-size: small;
        }
    }
    input::file-selector-button:hover{
        background: #bebebe;
        transition: all 100ms ease-in-out;
        cursor: pointer;
    }
}

.form-input div{
    border-radius: 3px;
    background-color: white;
    padding: 10px;
    height: 100%;
    transition: transform 0.1s ease;
}

.form-input div select, .form-input div input, .form-input div textarea{
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0);
    width: 100%;
    color: #212529bf;
}

.form-input div select, .form-input div input{
    height: 25px;
}

.input-file div input{
    height: 100%;
    border-radius: 3px;
}

.input-holder h1{
    text-align: center;
    font-size: 60px;
    padding-bottom: 10px !important;
    margin: 0;
    @media screen and (max-width: 900px){
        font-size: xx-large;
    }
}