/*==================================================================================================
    GLOBAL
====================================================================================================*/

* {
    box-sizing: border-box;
    outline: none;
}

textarea {
    resize: none;
    vertical-align: top;
}

h1::before, h1::after {
    content: "\f26e";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
    font-weight: 900;
}

/*::before et ::after sont des pseudo-éléments*/

i {
    margin: 20px;
    font-size: 2rem;
    transition: transform 2s ease-out, color 2s;
}

i:hover {
    transform: scale(2.5) translate(80%, 80%) rotate(0.5turn);
    color: blue;
    transition: transform 2s ease-out, color 2s;
}