*
{
  padding:0px;
  margin:0px;
}

body {
    display:flex;
    width:100%;
    flex-direction:column;
    align-items:left;
    background-image: url("/projet_annuel_dev/image_site/background_repeat.png");
    color: white;
    font-family: "Ubuntu", sans-serif;
    gap:30px;
}

.login {
    text-align: center;
    padding: 10vh;
}

.login input {
    display: block;
    margin: 10px auto;
    padding: 1vh;
    width: 25vh;
}

.login label {
    display: block;
    margin-top: 1vh;
    text-align: left;
    width: 25vh;
    margin-left: auto;
    margin-right: auto;
}

.register {
    text-align: center;
    padding: 10vh;
}

.register input {
    display: block;
    margin: 10px auto;
    padding: 1vh;
    width: 25vh;
}

.register label {
    display: block;
    margin-top: 1vh;
    text-align: left;
    width: 25vh;
    margin-left: auto;
    margin-right: auto;
}

table 
{
  border:1px solid white;
}


/*Rayane css de la page personnages.php */

#liste_personnages
{
  display:flex;
  flex-direction:row;
  width:100%;
  gap:10px;
}

.carte_personnage
{

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  border:solid 2px white;
  width: 300px;
  height:500px;
}

.carte_personnage img
{
  width:100%;
}

#header_personnage
{
  display:flex;
  flex-direction:column;
}

#formulaire_creation_personnage
{
  display:flex;
  flex-direction:column;
}


/*css oscar login.php et register.php*/

button
{
	margin: 3vh;
	font-size: 3vh;
	color: white;
	background-color: rgba(76, 225, 79, 0.75);
	border: none;
	padding: 1vh;
	padding-left: 6%;
	padding-right: 6%;
	border-radius: 5vh 5vh 5vh 5vh;
	
}

h1
{
	font-size: 6.7vh;
}

a
{	
	font-size: 2vh;
	font-weight: bold;
	color: green;
}

label
{
	font-size: 2vh;
	padding: 1%;
}

input
{
	padding: 1%;
	font-size: 1.5vh;
}


/*register.php*/

.merci-captcha
{	
	padding: 8vh;
	font-size: 2vh;
}