:root {
    --color-principal-1: #bf1720;
    --color-principal-2: #fd4950;
    --color-principal-3: #f5a29e;
    --color-principal-4: #ffcdc9;

    --color-second-1: #000000;
    --color-second-2: #3f3f3f;
    --color-second-3: #7f7f7f;
    --color-second-4: #d9d9d9;

    --color-navbar-home: #f8f8f8;
}

.button-main{
    --bs-btn-color: white;
    --bs-btn-bg: var(--color-principal-1);
    --bs-btn-border-color: var(--color-principal-1);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--color-second-2);
    --bs-btn-hover-border-color: var(--color-second-2);
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--color-second-2);
    --bs-btn-active-border-color: var(--color-second-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: white;
    --bs-btn-disabled-bg: var(--color-principal-1);
    --bs-btn-disabled-border-color: var(--color-principal-1);
}


html,body { 
	height: 100%; 
}

.global-container{
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
}

form{
	padding-top: 10px;
	font-size: 14px;
	margin-top: 30px;
}

.card-title{ font-weight:300; }

.btn{
	font-size: 14px;
	margin-top:20px;
}


.login-form{ 
	width:385px;
	margin:20px;
}

.sign-up{
	text-align:center;
	padding:20px 0 0;
}

.alert{
	margin-bottom:-30px;
	font-size: 13px;
	margin-top:20px;
}