body { 
    background-color: black;
    /* background-image: url('checkerboard-bg.jpg'); */
    font-size: x-large;
    
}

.game_display {
    /* display: flex; */
    display: block; 

}

canvas {
        display: block; 
        position: fixed; top: 0px; left: 0px; 
        cursor: none; margin: 0; background-color: black;
         height: 100%; width: 100%;
        /* flex: 3; */
        /* display: block; */
        /* border: 39px solid; */
        /* border-image: repeating-linear-gradient(45deg, rgb(255, 0, 0), rgb(255, 160, 51), rgb(235, 255, 51),  rgb(109, 255, 51),  rgb(51, 255, 255),  rgb(116, 51, 255), rgb(197, 51, 255), rgb(255, 51, 170), rgb(255, 51, 102), rgb(255, 51, 51) 170px) 60; */
 
}

.leftSideBar {

    flex: 1;

    text-align: center;
    /* background-image: linear-gradient(rgb(224, 122, 255), red, yellow); */
    /* background-image: url('checkerboard-bg.jpg'); */

    border-radius: 37px;
}


#title {
    color: red;
    background-color: yellow;
    border: 10px outset rgb(67, 217, 255);

    margin-top: 7%;
    margin-left: 15%;
    margin-right: 15%;
}

#currentSession {
    color: white;
    /* border: 3px groove yellow; */
    background-color: rgb(0, 0, 0);
    margin-left: 25%;
    margin-right: 25%;
}

#cshs {
    color: white;
    background-color: rgb(0, 0, 0);

    margin: 0 auto;
    
}

#LB {

    border: 10px ridge rgb(255, 222, 228);
    background-color: rgb(126, 255, 255);
    margin-left: 23%;
    margin-right: 23%;

}

#lbdiv {
    margin-left: 1%;
    margin-right: 1%;
    
    background-color: rgb(152, 243, 255);

    border-radius: 30px;
}

#leaderBoardTab {
  
    width: 90%;
    border: 3px solid rgb(255, 247, 0);
    border-radius: 7px;
}

th {

    background-color: aquamarine;
    border: 1px solid black;
    border-radius: 5px;
}

td {
    
    background-color: rgb(255, 224, 230);
    border: 2px solid aquamarine;
}

.rightSideBar {

    flex: 1;
    color: white;

    text-align: center;
    /* background-image: url('checkerboard-bg.jpg'); */
    /* background-image: linear-gradient(rgb(125, 244, 255), rgb(255, 122, 178)); */

    border-radius: 37px;

}

.rightSideBar>h3 {

    background-color: rgba(206, 241, 255, 0);

    border-radius: 10px;

    margin-left: 27%;
    margin-right: 27%;
}

#darkmode {
    color: whitesmoke;
    background-color: black;
    border: 10px whitesmoke solid;
    border-radius: 10px;
}


#gameinfo {
    /* background-image: linear-gradient( rgb(125, 244, 255), rgb(242, 255, 125), rgb(255, 122, 178)); */
    background-color: none;
    margin-left: 7%;
    margin-right: 7%;

    /* border: 30px solid;
    border-image: repeating-linear-gradient(45deg, rgb(255, 0, 0), rgb(255, 160, 51), rgb(235, 255, 51),  rgb(109, 255, 51),  rgb(51, 255, 255),  rgb(116, 51, 255), rgb(197, 51, 255), rgb(255, 51, 170) 30px) 60; */

}

#message {

    text-align: center;

    background-color: rgb(0, 0, 0);

    border-radius: 10px;

    margin: 10%;


}