.bg-image-blurred {
	background-image: url('pics/background.jpg');

	/* Add the blur effect */
	filter: blur(8px);
	-webkit-filter: blur(8px);

	/* Full height */
	height: 100vh;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-image {
	background-image: url('pics/background.jpg');
/*	width: 80%;*/
	height: 100vh;
	background-size: auto 100%;
	background-position: top center;
	background-repeat: no-repeat;
	filter: blur(0px);
		-webkit-filter: blur(0px);
	z-index: 2;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.form-control {
	  background: transparent;
	  border: none;
	  height: 50px;
	  color: #333 !important;
	  border: 1px solid transparent;
	  background: rgba(255, 255, 255, 0.50);
	  border-radius: 40px;
	  padding-left: 20px;
	  padding-right: 20px;
	  -webkit-transition: 0.3s;
	  -o-transition: 0.3s;
	  transition: 0.3s;
}

.btn {
	cursor: pointer;
	border-radius: 40px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	font-size: 15px;
	text-transform: uppercase;
}
.btn:hover, .btn:active, .btn:focus {
	outline: none;
}
.btn.btn-primary {
	background: #b33a42 !important;
	border: 1px solid #b33a42 !important;
	color: #FFF !important;
}
.btn.btn-primary:hover {
	border: 1px solid #b33a42;
	background: transparent;
	color: #b33a42;
}
.btn.btn-primary.btn-outline-primary {
	border: 1px solid #b33a42;
	background: transparent;
	color: #b33a42;
}
.btn.btn-primary.btn-outline-primary:hover {
	border: 1px solid transparent;
	background: #b33a42;
	color: #fff;
}

.prenom {
	position: relative;
	z-index: 3;
	font-family: "Truculenta", sans-serif;
	font-size: 5rem;
	color: gray;
}

.sparkles {
	z-index:2;
	position: absolute;
	left: -50px;
	width: 100%;
}

.one {
	position:absolute;
	left: 100%;
	top: -40px;
	font-size:40px;
	text-shadow: 0 0 white, -115px -75px goldenrod;
	animation: shine 2s linear infinite;
}

.two {
	position: absolute;
	font-size: 25px;
	left: 80%;
	top:-50px;
	text-shadow: 0 0 white, 55px -115px white;
	animation: shine 1.5s linear infinite .25s;
}

@keyframes shine {
	from {opacity:1;}
	to {opacity:0;}
}

/**
* Snow
*/
.snow-container {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    pointer-events: none;
}

.snowflake {
    position: absolute;
    background-color: lightcyan;
    border-radius: 50%;
    opacity: 0.8;
    pointer-events: none;
    padding: 5px;
}

@keyframes fall {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
        transform: translateY(100vh);
    }
}

@keyframes diagonal-fall {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
        transform: translate(10vw, 100vh);
    }
}