* {
    font-family: 'Poppins', sans-serif;
    font-family: 'Sen', sans-serif;
}

.background {
    background: linear-gradient(to right, #36d1dc, #5b86e5);
    background-size: 100%;
    height: 200vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    filter: opacity(0.7);
}

h1 {
    font-weight: 800;
}

.card-form {
    width: 600px;
    border-radius: 25px;
    height: 620px!important;
}

@media (min-height: 100px) and ( max-height: 1000px ){
    .card-form{
        height: 600px;
    }

    .div-scroll{
        overflow-y: auto;
    }
}

.br-10 {
    border-radius: 10px;
}

.h-50px {
    height: 50px;
}

input, select, .btn {
    height: 50px !important;
    border-radius: 10px !important;
}

.content {
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
}

.btn { font-weight: 800; }

.card-user {
    width: 500px;
    border-radius: 30px;
}

.card-register { border-radius: 30px; }

.card-header-register { border-radius: 30px !important; }

.icon-edit { width: 30px; }

#iconAdd { width: 20px; }

.alert {
    background-color: #2c3e50; /* Dark Blue */
    color: #ecf0f1; /* White */
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    max-width: 600px;
    border-radius: 8px;
}