body {
    font-family: cursive;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(57, 110, 75);
}
.nav-bar {
    display: flex;
    /* background-color: black; */

}
.nav-item{
    margin-right: 1rem;
    margin-bottom: 2rem;
    background-color: rgb(105, 99, 195);
    padding: 1rem;
    border: none;
    box-shadow: 2px 2px 5px black;
}
a{
    color: rgb(241, 239, 236);
}
.heading {
    color:white;
    font-size: 50px;
    /* display: flex; */
    /* background-color: rgba(0, 0, 0, 0.373); */
    
}
.heading-text {
    /* background-color: green; */
    color: wheat;
}
.name {
    padding: 0px;
    margin: 0px;
    
}
.turn-txt {
    margin: 0px;
    padding: 0px;
    background-color: rgba(165, 42, 42, 0);
    color: rgb(240, 204, 204);
    font-size: 20px;
    width: 79px;
    margin-top: 15px;
    margin-right: -30px;
    font-weight: bolder;
}

.turns{
    display: flex;
    height: 35px;
    width: 60%;
    margin-left: 15%;
    margin-top: 15px;
    background-color: rgba(255, 255, 255, 0.105);
    border-radius: 20px;

}
.turn-c,
.turn-t {
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: center;
    border-radius: 20px;
}
/* .turn-c {
    background-color: cadetblue;
}
.turn-t{
    background-color: tomato;
} */
.set-turn-bg {
    background-color: rgba(0, 255, 247, 0.34);
    /* background-color: purple; */
    border-radius: 20px;
}
#game {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.image{
    color: wheat;

}
#container {
    margin-top: -205px;
    background-color: rgba(255, 255, 255, 0);
    
    width: 220px;
}
#row-elements {
    display: flex;
    margin-left: 2px;
}

.row-style {
    background-color: rgba(113, 128, 0, 0);
    height: 50px;
    width: 50px;
    margin-right: 25px;
    margin-left: 0px;
    margin-top: 17px;
    border: none;
    border-radius: 10px;
}
#btns{
    display: flex;
    flex-direction: row;
}
#comment-box {

    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    width: 155px;
    background-color: rgba(255, 255, 255, 0.092);
    height: 40px;
    border-radius: 30px;
    margin-top: 15px;
    font-family: cursive;
    font-weight: bold;
    
}
#reset-btn {
    height: 40px;
    width: 90px;
    font-style: italic;
    font-weight: bold;
    margin-top: 10px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    font-family: cursive;
    
}

.setbg {
    background-color: red;
    z-index: 200;
}