h1 {
    color: red;
    text-align: center;
}

p {
    color: blue;

}
a{
    text-align: center;
}

img.mbappe {
    width: 50px;
}

img#tonton {
    width: 200px;
}

input#input{
    font-size: 30px;
    border: darkblue 10px dotted;
    font-style: italic;

    animation: infinite color-anim linear 0.5s;
}
@keyframes color-anim {
    0% {
        color: aqua;
    }
    50% {
        color: green;
    }
    100% {
        color: aqua;
    }
}
button#button{
    color:green;
    background: red;
    margin: 0 3px 6px 16px;
}

button#button:hover{
     color: red;
     background: green;
     margin: 0 3px 6px 16px;
 }

p#form{
    text-align: center;
}

span, label {
    color:black;
}
button#ajout{
    color:blue;
    background:gold;
}
label[for='nombre1']{
    color:gold;

}
label[for='nombre2']{
    color:blue;
}
span#résultat{
    color:green
}
button#soustraire{
    color:red;
    background: aqua;
}