Bien au dessus de Léandre et JL
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body{
|
|
|
|
|
background-color: #001a35;
|
|
|
|
|
font-family: "Fredorka", sans-serif;
|
|
|
|
|
margin: 0;
|
|
|
|
|
color: white;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.container{
|
|
|
|
|
background-color: #002d5e;
|
|
|
|
|
width: 50vw;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 1em;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
}
|
|
|
|
|
h1{
|
|
|
|
|
margin: 0 0 0.4em 0;
|
|
|
|
|
}
|
|
|
|
|
input{
|
|
|
|
|
border: solid 1px #002d5e;
|
|
|
|
|
outline: none;
|
|
|
|
|
padding: 0.6em;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
}
|
|
|
|
|
.form-chunck{
|
|
|
|
|
margin-bottom: 0.6em;
|
|
|
|
|
}
|
|
|
|
|
.error{
|
|
|
|
|
margin: 0.4em 0;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: rgb(219, 143, 143);
|
|
|
|
|
}
|
|
|
|
|
.buttons{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
gap: 1em;
|
|
|
|
|
margin-bottom: 0.8em;
|
|
|
|
|
}
|
|
|
|
|
.buttons .button{
|
|
|
|
|
border: 0;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
padding: 0.6em;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
transition: 0.2s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
.buttons .button:hover{
|
|
|
|
|
background-color: #c7c7c7;
|
|
|
|
|
transition: 0.2s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
.buttons .button.active{
|
|
|
|
|
background-color: #002d5e;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
transition: 0.2s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
.buttons .button.active:hover{
|
|
|
|
|
background-color: #02203f;
|
|
|
|
|
transition: 0.2s ease-in-out;
|
|
|
|
|
}
|
