.btn-primary,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus {
  background-color: rgb(121, 114, 54);
  border-color: rgb(46, 39, 83);
}

.btn-primary:hover {
  background-color: rgb(99, 133, 165);
  border-color: rgb(126, 85, 126);
}

.bg-primary {
  background-color: rgb(40, 62, 122) !important;
}

.form-signin {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
}

.form-signin {
  width: 100%;
  max-width: 600px;
  padding: 15px;
  margin: auto;
}

.level--beginner,
.level--débutant {
  color: #28a745;
}

.level--medium,
.level--confirmé {
  color: #ffc107;
}

.level--expert {
  color: #dc3545;
}

.tag {}

.tag--cinéma {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.tag--technologie {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.tag--gastronomie {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.tag--littérature {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.tag--histoire {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.tag--animaux {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.tag--nature {
  color: #523e02;
  background-color: #d3c493;
  border-color: #c9b579;
}

.tag--astronomie {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.tag--géographie {
  color: #0c3b17;
  background-color: #86a78e;
  border-color: #889e8d;
}

.error {
  text-align: center;
  color: red;
}

.goodEmail {
  text-align: center;
  color: green
}
.good {
  color: green
}

.bad {
  color: red;
}

.normal {
  color: black;
}

.result {
  font-size: 1.5em;
  font-weight: bold;
  margin: 2rem;
}

#header {
  background-color: rgb(73, 43, 43) !important;
}

.qrcode {
  display: block;
    margin-left: auto;
    margin-right: auto
}


.bandeau.error {
  color: red;
  font-size: 1.5rem;
  animation: blinker 3s linear infinite;

}

.bandeau.info {
  color: rgb(33, 170, 15);
  font-size: 1.5rem;
  animation: blinker 3s linear infinite;

}

.underline {
  text-decoration: underline;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.hide {
  display: none;
}


.form-signup.inline {
  display: inline;
}

.link-button {
  background: none;
  border: none;
  color: rgb(122, 122, 131);
  /*text-decoration: underline;*/
  cursor: pointer;
  font-size: 1em;
  font-family: serif;
}
.link-button:focus {
  outline: none;
}
.link-button:active {
  color:red;
}



/*  */


body {
	background: linear-gradient(-45deg, #ecd7d0, #d4d3f5, #c9e4ee, #d7f7ea);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* 
.blurred-box{
  position: relative;
  width: 250px;
  height: 350px;
  top: calc(50% - 175px);
  left: calc(50% - 125px);
  background: inherit;
  border-radius: 2px;
  overflow: hidden;
}

.blurred-box:after{
 content: '';
 width: 300px;
 height: 300px;
 background: inherit; 
 position: absolute;
 left: -25px;
 
 right: 0;
 top: -25px;  
 
 bottom: 0;
 box-shadow: inset 0 0 0 200px rgba(255,255,255,0.05);
 filter: blur(10px);
} */

/* https://codepen.io/GreggOD/pen/xLbboZ */