@font-face {
	font-family: 'MontserratAlternates-Thin';
	src: url(CSS/MontserratAlternates-Thin.otf);
}

/*bordeau : #84172F */
/* bleu : #242F4D */

.colflex {
  display: flex;
  flex-direction: column;
}

.rowflex {
  display: flex;
  flex-direction: row;
}

body {
	margin: 0;
	width: 100vw;
	height: 92vh;
	align-items: center;
	background-color: white;
	font-family: 'MontserratAlternates-Thin';
  font-weight: bold;
}

form {
	padding: 1vh 1vh 0.5vh 1vh;
	margin: 10vh 0 2vh 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: white;
	border-radius: 5px;
  font-weight: bold;
  text-align: center;
}

form img {
	width: 40vw;
	margin-bottom: 2vh;
}

form div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

input[type="email"] {
	font-size: 2vh;
	background-color: white;
	border: 1px solid #84172F;
	border-radius: 5px;
	color: #242F4D;
	font-weight: bold;
	font-family: 'MontserratAlternates-Thin';
	width: 70vw;
	padding: 1vh;
	margin-bottom: 1vh;
	outline: none;
	text-align: center;
}

button {
  border-radius: 20vw;
  background-color: #242F4D;
  color: white;
  font-size: 2vh;
  font-family: 'MontserratAlternates-Thin';
  padding: 1vh 2vh 1vh 2vh;
  margin-top: 3vh;
}

footer {
  height:5vh;
	margin-top: auto;
  align-items: center;
  color: #242F4D;
  font-family: 'MontserratAlternates-Thin';
  font-size: 1.7vh;
	font-weight: bold;
}
