.morpion{
    display: flex;
    border-collapse: collapse;
    border: white;
    justify-content: center;;
}
.morpion table{
    display: grid;
    border: 1px;
    border: collapse;
    text-align: center;
    font-size: 4rem;
}
.carre{
    width: 100px;
    height: 100px;
}

.resultat{
    display: flex;
    text-align: center;
    justify-content: center;
    margin-top: 2%;
}

/*Cases*/
#Zonea1 {
    border-right: solid 2px white;
    border-bottom: solid 2px white;
}

#Zonea2 {
    border-right: solid 2px white;
    border-bottom: solid 2px white;
    border-left: solid 2px white;
}

#Zonea3 {
    border-bottom: solid 2px white;
    border-left: solid 2px white;
}

#Zoneb1 {
    border-right: solid 2px white;
    border-bottom: solid 2px white;
    border-top: solid 2px white;
}

#Zoneb2 {
    border: solid 2px white;

}

#Zoneb3 {
    border-left: solid 2px white;
    border-bottom: solid 2px white;
    border-top: solid 2px white;
}

#Zonec1 {
    border-right: solid 2px white;
    border-top: solid 2px white;
}

#Zonec2 {
    border-right: solid 2px white;
    border-left: solid 2px white;
    border-top: solid 2px white;

}

#Zonec3 {
    border-left: solid 2px white;
    border-top: solid 2px white;
}
h1{
    color: white;
    text-align: center;
    padding-top: 2em;
    margin-top: 0;
}
.resultat table {
    border-color: white;
    border-style: solid;
    padding: 15px;
    border-radius: 3%;
}
.resultat table td{
    border: white 1px solid;
    color:white;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-collapse: collapse;
}
.button{
    text-align: center;
    justify-content: center;
    margin-top: 2%;
}
h2{
    text-align: center;
}