@font-face {
 font-family: "IBMPlexMono";
 src: url("./fonts/IBMPlexMono-Regular.ttf") format("truetype");
}
@font-face {
 font-family: "Gotham";
 src: url("./fonts/Gotham-UltraItalic.otf") format("truetype");
}
@font-face {
 font-family: "CourierStd";
 src: url("./fonts/CourierStd.otf") format("truetype");
}

html, body{
    background: url(../images/fond-etoile.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    overflow: hidden;
    font-family: CourierStd;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
} 

a, a:hover{
	text-decoration: none;
}

.container{
	margin: 0 auto;
	perspective: 29vh;
	perspective-origin: bottom;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	/*transform: scaleY(0.9);*/
	width: 100%;
}

.texte-anim{
	position: absolute;
	top: 50%;
	left: 20%;
	right: 20%;
	/*height: 100%;
	/*animation: mon_anim 30s infinite;*/

	color: #F9F900;/*#ffdc36;*/
    /*font-family: sans-serif;*/
    font-size: 5vw;
    line-height: 1.3;

    height: 50%;
    transform: rotateX(20deg) translate3d(0, 50%, 0);
}
.texte-anim p{
	min-height: 620px;
}

@keyframes mon_anim {
	0%{
		transform: rotateX(19deg) translate3d(0, 100%, 0);
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	100%{
		transform: rotateX(20deg) translate3d(0, -500%, 0);
		opacity: 0;
	}
}

#saisie_texte{
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: 10px;
	width: 100%;
	font-size: 2rem;
	line-height: 1;
	color: #ffffff;
}



.vcenter{
	display: flex;  justify-content: center;  align-items: center;
	height: 100%
}
.fwidth{
	width: 100%;
}

/*custom bootstrap*/
.form-control{
	border-radius: 0;
}
.popover{
	font-size: 1.2rem;
	border-radius: 0;
}
/********************/

.input-group-text-info{
	background: none;
	border: none;
	font-size: 2.3rem;
	padding: 0 0.8rem 0 0;
	line-height: 1.5rem;
}
.btn-up{
	border-radius: 0;
	color: #fffa39;
	border-color: #ffffff; 
	font-size: 2rem;
	padding: 0 0.6rem;
	line-height: 1.5rem;
}
.btn-up:hover, .btn-up:focus{
	border-radius: 0;
	border-color: #e0e0e0; 
	background: none;
}
#collapseOneBtn{
	cursor: pointer;
}