html {
  scroll-behavior: smooth;
}
body
{
margin: 0px;
font-family: 'Lato', sans-serif;	
color:white;
font-weight:100;
background: linear-gradient(114deg, #6557c5, #489ad0, #4337a0, #3b567c);
background-size: 400% 400%;
animation: gradient 10s ease infinite;
height: auto;

}

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

.margin-top-10 {padding-top:10px;}
.line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}


img {
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;

  /* Safari seems to support, but seems deprecated and does the same thing as the others. */
  image-rendering: -webkit-optimize-contrast;
}

.Selecteur {
	

    display: block;
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    color: silver;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background-color: transparent;
    cursor: pointer;

}

.button {
  padding: 5px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #165087;
  background-color: #c9e6fa;
  border: none;
  border-radius: 15px;
  text-transform: uppercase;
  /*width: 100%;*/
  display: block;
  z-index:3;
  margin:3vw;
}

.button:hover {background-color: #165087; color: #c9e6fa;}

a {text-decoration:none; font-weight:400; color:#ee5b26;}

a:hover {text-decoration:underline; font-weight:400; color:grey;}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 10px;
border-color:#db6401;
}


input {
width: 35vw;
    padding: 6px 10px;
    margin: 8px 0;
    box-sizing: border-box;
    margin-left: 0vw;
    background-color: transparent;
    color: white;
	border: solid white 1px;
	border-radius: 50px;
}

input::placeholder {
font-style: italic;
color:white;
}

textarea {
width: 35vw;
    padding: 6px 10px;
    margin: 8px 0;
    box-sizing: border-box;
    margin-left: 0vw;
    background-color: transparent;
    color: white;
	border: solid white 1px;
	border-radius: 25px;
}

textarea::placeholder {
font-style: italic;
color:white;
}

.ButtonForm {
    background-color: transparent;
    border: 1px solid white;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 50px;
    width: 35vw;
    margin-left: 0vw;
}

.ButtonForm:hover {background-color: grey;}

#FormCreation {
	display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    align-items: center;
}

@media screen and (orientation: portrait) {
	
input {
width: 70vw;
}	
	
textarea {
width: 70vw;
}	

}