:root{
    --col1:rgb(252, 1, 1);
    --col2:rgb(255, 215, 35);
    --col-border:rgb(180, 176, 176);
    --col-background:rgb(7, 24, 36);
    --col-background2:rgb(24, 51, 82);
}

body{
    background-color: var(--col-background);
}

table{
    border-collapse: collapse;
    display: flex;
    justify-content: center;
}

td{
    border: 1px var(--col-border) solid;
    font-size: 21px;
    padding: 7px;
    color: antiquewhite;
    text-align: center;
}

/* MENU */
.menu td, .result td{
    font-size: 20px;
    font-weight: bold;
    background-color: var(--col-background2);
    color: var(--col1);
}

/* JOUEURS 1 et 3 */
.j1, .j3, .j5{
    background-color: var(--col-background2);
    border-right: 3px solid var(--col-border);
    border-left: 3px solid var(--col-border);
}


/* JOUEURS 2 et 4 */
.j2, .j4{
    border-right: 3px solid var(--col-border);
    border-left: 3px solid var(--col-border);
}


/* SELECT */
.j1 select, .j3 select, .j5 select{
    width: 70px;
    appearance: none;
    text-align: center;
	font-size:20px;
	font-weight: bold;
	color: var(--col2);
    border-style: none;
	background-color:var(--col-background2);
}

.j2 select, .j4 select{
    width: 70px;
    appearance: none;
    text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: var(--col2);
    border-style: none;
	background-color:var(--col-background);
}

/* INPUT */
.j1 input, .j3 input, .j5 input{
	width:70px;
	height:20px;
    text-align: center;
	font-weight: bold;
	font-size:20px;
	color:var(--col2);
    border-style: none;
	background-color:var(--col-background2);
}

.j2 input, .j4 input{
	width:70px;
	height:20px;
    text-align: center;
	font-weight: bold;
	font-size:20px;
	color:var(--col2);
    border-style: none;
	background-color:var(--col-background);
    
}


/* INPUT NOMS */
.nom{
    color: var(--col1) !important;
}
.nom2{
    background-color: var(--col-background2) !important;
    color: var(--col1) !important;
}