@import '_variables.scss';

body{
    background-color: $primary-color;


    #section-register{
        height: 100vh;
        .container{
            height:100%;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        input[type=number] {
            -moz-appearance: textfield;
        }
        
        .card{
            // border: 1px solid $primary-shade-color;
            height: 90vh;
            background-color: white;
            border: none;
            // box-shadow: 2px 2px 2px lightgray;
            
            .card-body{
                height: 100%;
            }
        }

        .divido-logo{
            width: 200px;
        }

        .main-hr{
            background-color: $primary-color;
        }

        .btn-divido{
            background-color: $primary-color;
            color: white
        }

        .btn-divido:hover{
            border-color: $primary-shade-color;
            background-color: $primary-shade-color;
            box-shadow: 5px 5px 5px lightgrey;
        }

        .btn-outline-divido{
            border: 1px solid $primary-shade-color;
        }

        .btn-outline-divido:hover{
            background-color: $primary-shade-color;
            color: white
        }
    }
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 50% 100%;
	}
	75% {
		background-position: 100% 50%;
	}
    100% {
		background-position: 50% 0%;
	}
}

@media (max-width: 768px) { 
    #section-register{
        .card{
            height: 100% !important;
        }
    }
}