@import '_variables.scss';

body{
    // background: linear-gradient(-45deg, white, #e5cc4c);
    background-color: $primary-color;

    #section-login{
        height: 100vh;
        .container{
            height:100%;
    
            .card{
                // border: 1px solid $primary-shade-color;
                height: 75vh;
                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: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}