*, ::before, ::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    background :linear-gradient(red,orange, yellow, blue);
    min-height: 100vh;
    color:azure;
    font-family : Arial, Helvetica, sans-serif;
}

.formulaire{
    background-image: url(ressources/feu.jpg);
    height:auto ;
    font-family: comic sans ms;
    font-size: xx-large;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: baseline;
}

.formulaire input{
    font-size : medium;
}
.formulaire img{
    float: right;
}



.list-todo{
    list-style-type : none;
    margin : 20px auto 0;
    font-size : 15px;
    width : 70%;
    max-width: 1200px;
    max-height: 400px;
}

.list-todo li{
    font-size : 15px;
    width : 100%;
    background-image: url(ressources/herbe.jpg);
    display : flex;
    align-items : center;
    padding : 5px;
    border-radius: 20px;
}

.list-todo button{
    background-image : url(ressources/eau.jpg);
    margin-left: auto;
    border-radius: 100%;
    display : flex;
    align-items: center;
}

.list-todo span{
    font-size: larger;
}

.list-do{
    list-style-type : none;
    margin : 20px auto 0;
    font-size : 15px;
    width : 60%;
    max-width: 1200px;
    max-height: 400px;
}

.list-do li{
    font-size : 15px;
    width : 100%;
    background-image: url(ressources/eau.jpg);
    display : flex;
    align-items : center;
    padding : 5px;
    border-radius: 20px;
    text-decoration: line-through;
}

.list-do button{
    background-image : url(ressources/grass-texture-11614158901.jpg);
    margin-left: auto;
    border-radius: 100%;
    display : flex;
    align-items: center;
}

.list-do span{
    font-size: larger;
}


h1{
    text-align: center;
    font-size: xx-large;
}

h2{
    margin: 50px;
    background-color: green;
    text-align: center;

}

h3{
    color : purple;
    font-size : 350%;
}

img{
    pointer-events: none;
}

h3{
    pointer-events: none;
}