body{
    background-color: rgb(187, 187, 187);
    height: 100%;
    background-position: center;
}
.container{
    background-color: rgb(78, 78, 78);
    opacity: 0.95;
}
table{
    background-color: white;
    border:4px solid black;
    margin:auto;
    font-size:2em;
    margin-top: 1em;
}
th{
    border:1px solid black;
}
td{
    border:1px solid black;
}

@media only screen and (min-width: 600px){

}
@media only screen and (min-width: 768px){

}
@media only screen and (min-width: 992px){
    body{
        background-color: rgb(187, 187, 187);
        height: 100%;
        background-position: center;
    }
    .container{
        background-color: rgb(78, 78, 78);
        opacity: 0.95;
    }
    .rules_p{
        margin-left: 10%;
        margin-right: 10%;
        font-size:1.8em;
    }
    table{
        background-color: white;
        border:4px solid black;
        margin:auto;
        font-size:2em;
        margin-top: 1em;
    }
    th{
        border:1px solid black;
    }
    td{
        border:1px solid black;
    }
    th>img{
        width:2em;
        height:2em;
    }
    p{
        color:white;
    }
}