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

    main {
        padding: 2rem;
    }

    #morpion table {
        box-sizing: border-box;
    }

    #morpion td {
        width: 100px;
        height: 100px;
    }

    #morpion button,
    #morpion form {
        width: 100%;
        height: 100%;
    }

    #morpion i {
        font-size: 70px;
    }

    #morpion i.fa-xmark {
        color: red;
    }

    #morpion i.fa-circle {
        color: green;
    }

    .green {
        color: green;
        font-size: 2rem;
        text-decoration: uppercase;
    }

    .red {
        color: red;
        font-size: 2rem;
        text-decoration: uppercase;
    }

    .reset {
        margin-top: 1rem;
    }

    .reset button {
        padding: 0.5rem 1rem;
        font-size: 1.5rem;
    }