/*Ajout de la police*/
@font-face{
    font-family:'anita-semi-square';
    src:url('../fonts/anita-semi-square/Anita-semi-square.ttf');
}
div{
    height:auto;
}
/*Boite pour le formulaire*/
.case{
    height:fit-content;
    height:-moz-fit-content;
    width:40%;
    margin:auto;
}
.case, input{
    font-family:'anita-semi-square';
    transition:.3s ease all;
    flex-direction:column;
    align-items:center;
    background-color:transparent;
    font-size:1rem;
    color:#fff;
}
/*Champ de saisie*/
.champ{
    border:2px solid #E89500;
    border-radius:5px;
    width:100%;
    height:1rem;
}
.champ:hover, .champ:focus{
    cursor:text;
    color:#ffee00;
    background-color:#313131;
}
/*Zone de commentaire*/
textarea{
    width:100%;
    height:4rem;
    resize:none;
    font-family:'anita-semi-square';
    font-size:1rem;
    background-color:transparent;
    border:2px solid #E89500;
    border-radius:5px;
    color:#fff;
}
textarea:hover, textarea:focus{
    cursor:text;
    color:#ffee00;
    background-color:#313131;
}
/*Rubrique copie par mail*/
.mail{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-around;
}
/*Masquer la checkbox*/
input[type="checkbox"]{
    display:none;
}
/*Annimation*/
.animcheck{
    width:165px;
    height:40px;
    font-size:35px;
    cursor:pointer;
}
/*Aligner le dégradé*/
.animcheck span{
    float:right;
}
.load{
    display:block;
    width:7px;
    height:7px;
    margin:20px 5px;
    border-radius:10px;
    transition:.5s;
    cursor:pointer;
}
/*Dégradé check*/
.load:nth-child(2){
    background:#db1536;
}
.load:nth-child(3){
    background:rgba(219, 21, 54,.7);
}
.load:nth-child(4){
    background:rgba(219, 21, 54,.5);
}
.load:nth-child(5){
    background:rgba(219, 21, 54,.3);
}
.load:nth-child(6){
    background:rgba(219, 21, 54,.1);
}
/*Inverser couleur*/
span[class="check"]{
    font-size:40px;
    color:#db1536;
    transition:.5s;
    transition-delay:.1s;
}
span[class="cancel"]{
    color:rgba(0,0,0,.1);
    transition:.5s;
    transition-delay:.1s;
}
/*Dégradé cancel*/
#check:checked + .animcheck .cancel{
    color:#58d37b;
}
#check:checked + .animcheck .check{
    color:rgba(0,0,0,.1);
}
#check:checked + .animcheck .load:nth-child(2){
    background:rgba(88, 211, 123,.1);
}
#check:checked + .animcheck .load:nth-child(3){
    background:rgba(88, 211, 123,.3);
}
#check:checked + .animcheck .load:nth-child(4){
    background:rgba(88, 211, 123,.5);
}
#check:checked + .animcheck .load:nth-child(5){
    background:rgba(88, 211, 123,.7);
}
#check:checked + .animcheck .load:nth-child(6){
    background:#58d37b;
}
@media screen and (max-width:950px) {
    .mail{
        flex-direction:column;
    }
}