@font-face {
	font-family: "luckiest";
	src: url('../fonts/LuckiestGuy-Regular.ttf');
}
.luckiest{
	font-family: luckiest;
	font-weight: normal;
	font-size: 15vh;
    text-align: center;
    vertical-align: middle; 
	color:white;
    line-height: 14vh;
}
.luckiest_petit{
	font-family: luckiest;
	font-weight: normal;
	font-size: 3vh;
    text-align: center;
    vertical-align: middle; 
	color:white;
}
body {
    background-image: url(../images/wagons_anciens_nb.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}
.bg-login-image{
	background-image: url(../images/wagons.jpg) !important;
	background-position: center;
	background-size: cover;
}
.fond {
    background-color: #FFAB00;
    -ms-transform: skewY(20deg);
    transform: skewY(80deg);
    width: 160%;
    height: 550%;
    position: absolute;
    left: -50%;
    overflow: hidden;
    box-shadow: 0px 10px 10px black;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FFAB00;
    --bs-btn-border-color: #C58400;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #C58400;
    --bs-btn-hover-border-color: #C58400;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C58400;
    --bs-btn-active-border-color: #C58400;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #C58400;
    --bs-btn-disabled-border-color: #FFAB00;
}
a {
    color: #FFAB00;
}