body{
	background: #222222
}
body *{
	color: #e5e5e5
}
.example-wrapper { margin: 1em auto; max-width: 1280px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }

.container-inner{
	    display: grid;
    grid-template-columns: 1fr 2fr;
}
td,th{
	padding: 3px 10px
}
.statsontheleft{
	    border: 4px double white;
    padding: 32px;
}
.commentaires-route{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
}
button.increment-btn{
	background: none;
    font-size: 18px;
    cursor: pointer;
}
.intro-route{
	display: flex;
	gap:50px;
}
.view-route{
	    border: 1px solid white;
    padding: 24px;
}
.view-route thead tr{
    background: #3f3f3f;
}
.view-route th,.view-route td{
	padding: 7px 10px;
}
.view-route td{
	background-color: black
}