body { 
	margin: 0; 
	padding: 0; 
	font-family: 'PT Mono', monospace;
	/* font-family: 'Special Elite', cursive !important */
}

#map { 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	width: 100%; 
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
  line-height: 30px; /* Vertically center the text there */
  background-color: #f5f5f5;
  font-size: 12px
}

/* removing footer on mobile */
@media screen and (max-width: 400px) {
	.footer {
		display:none
	}
}

/* big modal */
.modal-lg {
	max-width:1140px !important;
}

.mapboxgl-map{
	font-family: 'PT Mono', monospace;
	/* font-family: 'Special Elite', cursive !important */
}

.mapboxgl-ctrl-logo{
    display: none !important;
}


/* paper plane animation */
#canvas3d{
	display:none;
	transition: all .3s;
	position:fixed;
	height:100vh;
	width:100vw;
	background-color: rgba(0,0,0,0);
	z-index:9999;
	margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
    transform: translateY(-50%) translateX(-50%); /* tiré de la moitié de sa propre hauteur */
	margin-left: 50vw; /* poussé de la moitié de hauteur de viewport */ 
}

/* qill text editor */
#messageTextArea {
  min-height: 200px;
  border-radius: 0px 0px .25em .25em !important;
  border-color: #ced4da !important
}

.ql-toolbar{
   border-radius:  .25em .25em 0px 0px !important;
   border-color: #ced4da !important
}